/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/


.page-id-11311 .dhvc-form-flat .dhvc-form-checkbox label, .page-id-11311 .dhvc-form-flat .dhvc-form-radio label {
    margin-right: 18px;
}



.material {
    -webkit-user-select: auto !important;  
    -moz-user-select: auto !important;  
    -ms-user-select: auto !important;  
    user-select: auto !important;
}

.wpb_text_column ul li {
    -webkit-font-smoothing: auto;
}


.wpb_text_column ul li strong {
    -webkit-font-smoothing: antialiased;
}

body.material #search-outer {
    transform: translate3d(0,-100vh,0) !important;
    -webkit-transform: translate3d(0,-100vh,0) !important;
}

body.material #search-outer.material-open {
    transform: translate3d(0,0vh,0) !important;
    -webkit-transform: translate3d(0,0vh,0) !important;
}

.entry-title sup {
    font-size: 18px;
}

#search-results .search-form .search-widget-btn {
    width: auto;
    height: 52px;
}

.non-bold {
    font-weight: inherit  !important;
}

.non-italic {
    font-weight: inherit  !important;
    font-style: normal  !important;
}



/*------ HEADER ------*/
#header-outer[data-full-width="true"] header >.container, #header-secondary-outer[data-full-width="true"] >.container {
    padding: 0 50px;
}

#header-outer #logo img, body.material #header-outer .logo-spacing img {
    height: auto !important;
}

body:not([class*="admin-bar"]).material #header-outer {
	top: 0;
}

/*------ MENU ------*/
#slide-out-widget-area > .inner-wrap > .inner {
    min-height: inherit !important;
    margin: 0px;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item {
    border-bottom: none;
}


#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item a {
    font-size: 18px;
    line-height: 24px;
    font-family: Montserrat;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item {
    padding: 5px 0px;  
}

#slide-out-widget-area.slide-out-from-right-hover {
    background-color: #41434a !important;
}

/*#slide-out-widget-area #menu-menu-la-voix-regionale-vs a:hover {
    color: #f38e31 !important;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget #menu-menu-la-voix-regionale-vs li.menu-item .easy-sidebar-menu-widget-toggler:hover i {
    color: #f38e31;
}

#slide-out-widget-area #menu-menu-la-voix-regionale-hsl a:hover {
    color: #f38e31 !important;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget #menu-menu-la-voix-regionale-hsl li.menu-item .easy-sidebar-menu-widget-toggler:hover i {
    color: #f38e31;
}

#slide-out-widget-area #menu-menu-la-voix-regionale-agricole a:hover {
    color: #829e49 !important;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget #menu-menu-la-voix-regionale-agricole li.menu-item .easy-sidebar-menu-widget-toggler:hover i {
    color: #829e49;
}

#slide-out-widget-area #menu-menu-la-voix-regionale-des-affaires a:hover {
    color: #2a6089 !important;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget #menu-menu-la-voix-regionale-des-affaires li.menu-item .easy-sidebar-menu-widget-toggler:hover i {
    color: #2a6089;
}

#slide-out-widget-area #menu-menu-la-voix-regionale-50 a:hover {
    color: #78bbba !important;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget #menu-menu-la-voix-regionale-50 li.menu-item .easy-sidebar-menu-widget-toggler:hover i {
    color: #78bbba;
}*/

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler i {
    color: #ffffff;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item .sub-menu li:first-child {
    padding-top: 20px;
    margin-top: 7px;  
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item .sub-menu li:first-child:before {
    left: 10px;
    top: 0px;
    border-top: 8px solid #eee;
    border-bottom: none;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler:hover, .widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler:focus {
    background: none;
    border: none;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item ul li a {
    font-size: 16px;
    line-height: 20px !important;
    padding-left: 10px !important;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item ul li .easy-sidebar-menu-widget-toggler {
    height: 20px;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item ul li .easy-sidebar-menu-widget-toggler i {
    line-height: 19px;
    margin-top: -3px;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item ul li .easy-sidebar-menu-widget-toggler {
    padding-left: 0px !important;
}

/*#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item ul li .sub-menu li:first-child {
    border-top: none;
}*/

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item ul li .sub-menu li:first-child {
    padding-top: 10px;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item ul li .sub-menu li:first-child:before {
    display: none;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item ul li ul li a {
    font-size: 15px;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item ul li ul li a {
    padding-left: 20px !important;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item ul li ul li .easy-sidebar-menu-widget-toggler {
    padding-left: 0px !important;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item ul li ul li ul li a {
    padding-left: 30px !important;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item ul li ul li ul li .easy-sidebar-menu-widget-toggler {
    padding-left: 0px !important;
}

.widget_easy_sidebar_menu_widget .current-menu-item>span>a, .widget_easy_sidebar_menu_widget .current-menu-ancestor>span>a {
    font-weight: initial;
}

#slide-out-widget-area > .inner-wrap, #slide-out-widget-area > .inner-wrap .bottom-meta-wrap {
    width: 100%;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget .social-icon-menu {
    display: inline-block;
    margin-top: 40px;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget .social-icon-menu i[class*="fa-"], span[class*="fa-"] {
    font-size: 18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget #menu-item-1371 {
    margin-left: -12px;
}

#slide-out-widget-area.slide-out-from-right-hover {
    padding: 55px 80px 55px 55px;
}

header#top nav >ul >li >a {
    font-size: 14px;
    text-transform: uppercase;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler {
    height: 21px;
}

#slide-out-widget-area .widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler i {
    line-height: 21px;
}

header#top nav ul li a {
    color: #41434a !important;
    opacity: 1 !important;
}

header#top nav ul #search-btn a span {
    color: #41434a !important;
    opacity: 1 !important;   
}

header#top nav ul .slide-out-widget-area-toggle a i.lines, header#top nav ul .slide-out-widget-area-toggle a i.lines:before, header#top nav ul .slide-out-widget-area-toggle a i.lines:after, header#top .slide-out-widget-area-toggle a .lines-button:after {
    background-color: #41434a !important;
    opacity: 1 !important;   
}

.material .mobile-search .icon-salient-search, .material .mobile-user-account .icon-salient-m-user {
    color: #41434a;
}

.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, header#top .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines {
    background-color: #41434a !important;
}

.logo-viva-dans-menu img {
    max-width: 205px;
}

.logo-viva-dans-menu .easy-sidebar-menu-widget-link {
    margin-bottom: 35px;
}





/*------ PUB TOP ------*/
#header-secondary-outer {
    z-index: 10000 !important;
    position: initial;
    top: 0 !important;
    background-color: #e5e5e5;
    transform: inherit !important;
    transition: inherit !important;
	/*transition: transform 0s ease !important;*/
}

.single-post #page-header-wrap, .page #page-header-wrap {
    background: #e5e5e5;
	/*background: transparent;*/
}


#header-secondary-outer .container .wpb_widgetised_column {
    margin: 0px;
}

#header-secondary-outer .container .wpb_widgetised_column #sidebar {
    padding: 15px 0px;
    height: 150px;
    text-align: center;
}

#header-secondary-outer .container .wpb_widgetised_column #sidebar p {
    padding-bottom: 0px;
}

#header-secondary-outer .container .wpb_widgetised_column #sidebar p img {
    margin: 5px auto 5px;
}

#header-secondary-outer .container .wpb_widgetised_column #sidebar .titre-pub {
    max-width: 728px;
    margin: 0 auto;
}






/*------ FOOTER ------*/
body #footer-outer[data-cols="1"][data-disable-copyright="false"][data-copyright-line="false"][data-matching-section-color="true"] #copyright {
    padding-top: 10px;
}

#footer-outer #copyright .container p {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.6) !important;
}







/*------ SIDEBAR ------*/
.titre-pub {
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    color: #737579;
    margin-bottom: 10px;
    clear: both;
}

.titre-pub:before, .titre-pub:after {
    background-color: #737579;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.titre-pub:before {
  right: 0.5em;
  margin-left: -50%;
}

.titre-pub:after {
  left: 0.5em;
  margin-right: -50%;
}

.journal-en-ligne {
    padding: 30px;
    text-align: center;
    min-width: 300px;
}

.journal-en-ligne h3 {
    color: #ffffff !important;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 20px;
}

.journal-en-ligne h3 .gros-titre {
    display: block;
    font-size: 30px;
    line-height: 32px;
}

.journal-en-ligne:before {
    content: url("https://www.viva-media.ca/wp-content/uploads/triangles-journal-en-ligne.png");
    position: relative;
    display: block;
}

.titre-journal-en-ligne {
    position: relative;
    margin-top: -112px;
    margin-bottom: 62px;
    padding: 5px 0px 5px;
}

.titre-journal-en-ligne h3 {
    margin-bottom: 0px !important;
}

.journal-en-ligne img {
    width: 157px !important;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    margin-bottom: 0px !important;
}

.btn-journal-en-ligne {
    color: #ffffff;
    font-size: 15px;
    border: 2px solid #ffffff;
    padding: 10px;
    display: block;
    width: 100%;
}

.journal-en-ligne.block-vs {
    background: #f38e31;
}

.block-vs .titre-journal-en-ligne {
    background: #f38e31;
}

.block-vs .btn-journal-en-ligne:hover {
    background: #ffffff;
    color: #f38e31;
}

.journal-en-ligne.block-hsl {
    background: #f38e31;
}

.block-hsl .titre-journal-en-ligne {
    background: #f38e31;
}

.block-hsl .btn-journal-en-ligne:hover {
    background: #ffffff;
    color: #f38e31;
}

.journal-en-ligne.block-50plus {
    background: #78bbba;
}

.block-50plus .titre-journal-en-ligne {
    background: #78bbba;
}

.block-50plus .btn-journal-en-ligne:hover {
    background: #ffffff;
    color: #78bbba;
}

.journal-en-ligne.block-agri {
    background: #829e49;
}

.block-agri .titre-journal-en-ligne {
    background: #829e49;
}

.block-agri .btn-journal-en-ligne:hover {
    background: #ffffff;
    color: #829e49;
}

.journal-en-ligne.block-affaires {
    background: #2a6089;
}

.block-affaires .titre-journal-en-ligne {
    background: #2a6089;
}

.block-affaires .btn-journal-en-ligne:hover {
    background: #ffffff;
    color: #2a6089;
}

.journal-en-ligne.block-sv {
    background: #a9393d;
}

.block-sv .titre-journal-en-ligne {
    background: #a9393d;
}

.block-sv .btn-journal-en-ligne:hover {
    background: #ffffff;
    color: #a9393d;
}

.inscription-infolettre {
    padding: 30px;
    text-align: center;
    background: #41434a;
    min-width: 300px;
}

.inscription-infolettre h3 {
    color: #ffffff !important;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 20px;
}

.inscription-infolettre h3 .gros-titre {
    display: block;
    font-size: 30px;
    line-height: 32px;
}

.inscription-infolettre:before {
    content: url("https://www.viva-media.ca/wp-content/uploads/triangles-journal-en-ligne.png");
    position: relative;
    display: block;
}

.titre-inscription-infolettre {
    position: relative;
    margin-top: -112px;
    margin-bottom: 62px;
    padding: 5px 0px 5px;
    background: #41434a;
}

.titre-inscription-infolettre h3 {
    margin-bottom: 0px !important;
}

.btn-inscription-infolettre {
    color: #ffffff;
    font-size: 15px;
    border: 2px solid #ffffff;
    padding: 10px;
    display: block;
    width: 100%;
}

.btn-inscription-infolettre:hover {
    background: #ffffff;
    color: #41434a;
}

.cta-inscription-infolettre {
    text-align: center; 
    color: #ffffff;
}






/*------ INFOLETTRE ------*/
.snp-pop-4450 .bld-step-1-el-1 label span {
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 26px !important;
    font-family: Montserrat !important;
}





/*------ SUPER-BANNIÈRE ------*/
.pub-super-banniere #sidebar {
    max-width: 728px;
    margin: 0 auto;
}







/*------ ARTICLES ------*/
body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .post-area {
    max-width: 1200px;
}

body.single-post.material[data-bg-header="true"] .container-wrap {
    padding-top: 100px !important;
}

article.post .wpb_text_column h2 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 35px;
    margin: 5px 0px 10px;
}

article.post .wpb_text_column h3 {
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    margin: 5px 0px 10px;
}

.lead-article {
    font-weight: 700;
    margin-bottom: 50px !important;
}

.photo-bv p {
    text-align: right;
    font-size: 12px;
    line-height: 16px;  
}

.articles-photos-grid-parallax .wpb_gallery_slidesparallax_image_grid > div:nth-child(2n+2) {
    padding-left: 0.5% !important; 
}

.articles-photos-grid-parallax .wpb_gallery_slidesparallax_image_grid > div:nth-child(2n+1) {
    padding-right: 0.5% !important;
}

.sidebar-articles #sidebar {
    max-width: 300px;
    float: right;
}

.post-area #author-bio {
    padding-top: 0px;
}

.wpb_gallery .parallax-grid-item .item-meta {
    padding: 0px;
}

.wpb_gallery .parallax-grid-item .item-meta h4 {
    margin-bottom: 0px;
}

.wpb_gallery .parallax-grid-item .item-meta p {
    font-size: 14px;
    line-height: 20px;
    opacity: 1;
    padding: 0px 1px;
}

.pub-milieu-article {
    padding-bottom: 1px;
    text-align: center;
}

.single-post .related-title {
    text-align: center;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 300;
}

.single-post .related-posts[data-style="material"] .inner-wrap {
    border-radius: 0px;
    background: #ffffff;
}

.single-post .blog-recent.related-posts h3.title {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
}

.single-post .related-post-wrap {
    padding-bottom: 0px;
}

.single-post.material .blog-recent.related-posts {
    padding: 0 0 7% 0;
}

.single-post .related-post-wrap .row-bg-wrap .row-bg {
    background-color: rgba(0, 0, 0, 0.09);
}

.single-post .comment-wrap .comment-reply-title {
    text-align: center;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.single-post .comment-wrap .comment-form textarea {
    height: 140px;
}

.single-post .comment-wrap .comment-form input[type=submit] {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Montserrat;
    letter-spacing: 1px;
    padding: 22px !important;
}

.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:after, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:after, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .previous-post:after, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .next-post:after {
    background-color: rgba(65, 67, 74, 0.75);
}

.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover:after, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover:after, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .previous-post:hover:after, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .next-post:hover:after {
    background-color: rgba(46, 48, 56, 0.9);
}

.blog-recent .meta-category a {
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 10px 8px 0 !important;
}

.blog-recent .article-content-wrap h3 a {
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
}

.blog-recent .article-content-wrap .grav-wrap .text a {
    font-weight: 600;
    letter-spacing: 1px;
}

.petit-carrousel-article .flickity-viewport {
    margin: 60px 0 130px 0 !important;
}

.lead-article em {
    font-weight: 700 !important;
}







/*------ PAGES CATÉGORIES ------*/
.page-child #page-header-wrap #page-header-bg .inner-wrap > h1 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 500;
    text-transform: uppercase;
}

.journal-en-ligne-footer .btn-journal-en-ligne-pages #sidebar h4 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    line-height: 50px;
    color: #ffffff;
    margin-bottom: 30px;
    font-family: "Montserrat" !important;
}

.journal-en-ligne-footer .btn-journal-en-ligne-pages p {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: 1px;
    max-width: 860px;
    margin: 0 auto;
}

.journal-en-ligne-footer .btn-journal-en-ligne-pages a {
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    border: 2px solid #ffffff;
    padding: 15px;
    width: 380px;
    margin: 15px;
    font-size: 18px;
}

.journal-en-ligne-footer .btn-journal-en-ligne-pages a:hover {
    color: #f38e31;
    background: #ffffff;
}

.journal-en-ligne-footer.bleu .btn-journal-en-ligne-pages a:hover {
    color: #2a6089;
    background: #ffffff;
}

.journal-en-ligne-footer.vert .btn-journal-en-ligne-pages a:hover {
    color: #829e49;
    background: #ffffff;
}

.journal-en-ligne-footer.rouge .btn-journal-en-ligne-pages a:hover {
    color: #a9393d;
    background: #ffffff;
}

.journal-en-ligne-footer.turquoise .btn-journal-en-ligne-pages a:hover {
    color: #78bbba;
    background: #ffffff;
}

.journal-en-ligne-footer .btn-journal-en-ligne-pages {
    padding: 90px 0px 85px;
}

.articles-a-la-une .masonry .posts-container {
    padding-top: 100px !important;
    padding-bottom: 85px !important;
}

.post-area.featured_img_left article:hover .article-content-wrap .post-featured-img-wrap a span {
    opacity: 0.6;
}

.post-area.featured_img_left article:hover .article-content-wrap .post-featured-img-wrap a {
    background: #41434a;
}


.articles-a-la-une .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+1) .post-header {
    max-width: 75%;
}

.articles-a-la-une .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img:after, .actualite-opinion .auto_meta_overlaid_spaced .masonry-blog-item .post-featured-img:after {
    background: linear-gradient(to bottom,rgba(35,35,35,0),rgba(65, 67, 74, 0.95) 100%);
}

.auto_meta_overlaid_spaced .masonry-blog-item .meta-category a {
    text-transform: uppercase;
    font-size: 12px;
}

.auto_meta_overlaid_spaced .masonry-blog-item .post-header h3 {
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
}

.post-area.featured_img_left.span_12 .article-content-wrap .post-content-wrap {
    padding: 30px !important;
}

.post-area.featured_img_left .article-content-wrap .post-featured-img {
    border-radius: 0px !important;
}

.post-area.featured_img_left article .meta-category a {
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 10px 14px 0 !important;
}

.masonry.material .masonry-blog-item .meta-category a {
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 10px 8px 0 !important;
}

.post-area.featured_img_left h3 a, .masonry.material .masonry-blog-item h3 a {
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
}

.post-area.featured_img_left .excerpt, .masonry.material .masonry-blog-item .excerpt {
    font-size: 15px;
    color: #41434a;
}

.post-area.featured_img_left article .grav-wrap .text a, .masonry.material .masonry-blog-item .grav-wrap .text a {
    font-weight: 600;
    letter-spacing: 1px;
}

.auto_meta_overlaid_spaced .masonry-blog-item .inner-wrap {
    border-radius: 0px !important;
}




/*------ PAGES PLUSIEURS CATÉGORIES ------*/
.sous-menu-page .page-submenu ul li a {
    text-transform: uppercase;
    font-size: 14px;
}

.sous-menu-page .page-submenu ul li:last-child {
    margin: 0px;
}

.sous-menu-page {
    margin-bottom: 0px !important;
}

.titre-section-ligne h2 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 38px !important;
}

.trois-derniers-articles-avec-sidebar #morePosts {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.trois-derniers-articles-sans-sidebar .post-area.masonry {
    margin-bottom: 20px;
}

.btn-voir-tous-les-articles {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
    padding: 25px 20px !important;
    font-size: 20px !important;
    font-weight: 500;
    font-family: Montserrat;
    letter-spacing: 0.5px;
    line-height: 25px;
}

.vs-btn.btn-voir-tous-les-articles:hover, .vs-btn.btn-voir-tous-les-articles2:hover {
    background: #f38e31 !important;
    color: #ffffff !important;
}

.agr-btn.btn-voir-tous-les-articles:hover, .agr-btn.btn-voir-tous-les-articles2:hover {
    background: #829e49 !important;
    color: #ffffff !important;
}

.aff-btn.btn-voir-tous-les-articles:hover, .aff-btn.btn-voir-tous-les-articles2:hover {
    background: #2a6089 !important;
    color: #ffffff !important;
}

.btn-50.btn-voir-tous-les-articles:hover, .btn-50.btn-voir-tous-les-articles2:hover {
    background: #78bbba !important;
    color: #ffffff !important;
}

.swv-btn.btn-voir-tous-les-articles:hover, .swv-btn.btn-voir-tous-les-articles2:hover {
    background: #a9393d !important;
    color: #ffffff !important;
}

.trois-derniers-articles-sans-sidebar {
    padding: 0px 30px;
}

.masonry.material .masonry-blog-item .inner-wrap, .related-posts[data-style="material"] .inner-wrap {
    border-radius: 0px;
}

.liens-pages-categories a {
    color: #41434a;
    font-weight: 300;
    text-transform: uppercase;
    word-spacing: 1px;
    padding: 0px 5px;
}

.liens-pages-categories {
    font-weight: 300;
}

.liens-pages-categories.deux-col-droit p {
    text-align: right;
}

.sous-menu-page .page-submenu .full-width-content {
    margin-left: -50vw !important;
    left: 50% !important;
    width: 100vw !important;
}

.sous-menu-page .page-submenu li a {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

.sous-menu-page .page-submenu ul {
    padding: 15px 0px;
}






/*------ FAUSSE ACCUEIL ------*/

.mini-a-propos {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    margin-bottom: 0px !important;
}

.mini-a-propos p {
    font-size: 18px;
    line-height: 30px;
}

.mini-a-propos .wpb_text_column {
    max-width: 970px;
    margin: 0 auto;
}

.page-id-22 #page-header-bg h1, .page-id-24 #page-header-bg h1, .page-id-26 #page-header-bg h1, .page-id-28 #page-header-bg h1, .page-id-30 #page-header-bg h1, .page-id-920 #page-header-bg h1 {
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.page-id-22 #page-header-bg .subheader, .page-id-24 #page-header-bg .subheader, .page-id-26 #page-header-bg .subheader, .page-id-28 #page-header-bg .subheader, .page-id-30 #page-header-bg .subheader, .page-id-920 #page-header-bg .subheader {
     text-transform: uppercase;   
}







/*------ ACCUEIL ------*/

.acc-nouvelles-de-lheure h2, .acc-slider-logo h2 {
    font-size: 25px;
    line-height: 35px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #41434a !important;
}

.acc-nouvelles-de-lheure .nectar-recent-posts-slider_multiple_visible .flickity-viewport .nectar-recent-post-bg-wrap {
    border-radius: 0px;
}

.acc-nouvelles-de-lheure .nectar-recent-posts-slider_multiple_visible .nectar-recent-post-bg, .acc-nouvelles-de-lheure .nectar-recent-posts-slider_multiple_visible .nectar-recent-post-bg:after {
    border-radius: 0px;
}

.acc-nouvelles-de-lheure .nectar-recent-posts-slider_multiple_visible .nectar-recent-post-slide .nectar-recent-post-bg:after {
    background-color: rgba(65, 67, 74, 0.55);
}

.acc-nouvelles-de-lheure .nectar-recent-posts-slider_multiple_visible .nectar-recent-post-slide:not(.no-bg-img):hover .nectar-recent-post-bg:after {
    background-color: rgba(65, 67, 74, 0.85);
}

.acc-nouvelles-de-lheure .nectar-recent-post-slide h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px
}

.acc-nouvelles-de-lheure .nectar-button[data-color-override="false"].regular-button {
    background: #ffffff !important;
    color: #41434a;
    padding-right: 30px !important;
    padding-left: 40px !important;
}

.acc-nouvelles-de-lheure .nectar-button.has-icon i {
    color: #41434a;    
}

.acc-nouvelles-de-lheure .nectar-recent-posts-slider_multiple_visible .recent-post-container.container {
    bottom: 30px;
    left: 30px;
    max-width: 80%!important;
}

.acc-nouvelles-de-lheure .nectar-recent-posts-slider_multiple_visible .flickity-viewport:not(.no-hover) .nectar-recent-post-slide:hover .nectar-recent-post-bg-blur {
    opacity: 0;
}

.acc-choix-publication h3 {
    color: #ffffff;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 1px;
}

.acc-choix-publication .nectar-button {
    background-color: rgba(255, 255, 255, 0.0) !important;
}






/*------ PAGES À PROPOS ------*/
.page-a-propos-bloc-image .row-bg {
    background-size: auto !important;
    -moz-background-size: auto !important;
    -webkit-background-size: auto !important;
}

.titre-page-a-propos h2 {
    color: #41434a;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
}

.titre-page-a-propos h2 .big-title {
    font-size: 35px;
    font-weight: 600; 
}


.page-id-908 #page-header-wrap #page-header-bg .inner-wrap > h1, .page-id-910 #page-header-wrap #page-header-bg .inner-wrap > h1, .page-id-912 #page-header-wrap #page-header-bg .inner-wrap > h1, .page-id-914 #page-header-wrap #page-header-bg .inner-wrap > h1, .page-id-916 #page-header-wrap #page-header-bg .inner-wrap > h1, .page-id-918 #page-header-wrap #page-header-bg .inner-wrap > h1 {
    font-size: 40px;
    line-height: 50px;
}

.page-id-16 #page-header-bg h1, .page-id-1274 #page-header-bg h1 {
    text-transform: uppercase;
    font-weight: 500;
}






/*------ PAGES ANNONCEZ CHEZ NOUS ------*/
.dhvc-form-group {
    margin-bottom: 0px !important;
}

body[data-form-style="minimal"] input[type="text"], body[data-form-style="minimal"] textarea, body[data-form-style="minimal"] input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body[data-form-style="minimal"] input[type=password], body[data-form-style="minimal"] input[type=tel], body[data-form-style="minimal"] input[type=url], body[data-form-style="minimal"] input[type=search], body[data-form-style="minimal"] input[type=date] {
    padding: 14px 14px 12px 14px;
    height: auto;
    letter-spacing: 0.5px;
}

.dhvc-form-flat .dhvc-form-textarea textarea {
    padding: 14px;
}

body[data-form-submit="regular"] .container-wrap button[type=submit] {
    height: auto;
    width: 100%;
    font-size: 16px;
    opacity: 1;
}

body[data-form-submit="regular"] .container-wrap button[type=submit]:hover {
    background-color: #41434a !important;
}

.page-id-20 #page-header-wrap #page-header-bg .inner-wrap > h1, .page-id-1278 #page-header-wrap #page-header-bg .inner-wrap > h1 {
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
}

.dhvc-form-flat .dhvc-form-checkbox label, .dhvc-form-flat .dhvc-form-radio label {
    line-height: 18px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}






/*------ POINTS DE DÉPÔT ------*/
.page-id-2450 #page-header-wrap #page-header-bg .inner-wrap > h1, .page-id-2458 #page-header-wrap #page-header-bg .inner-wrap > h1 {
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
}

.mini-a-propos-depot h2 {
    font-size: 25px;
    line-height: 35px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #41434a !important;
}

.mini-a-propos-depot {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    margin-bottom: 0px !important;
}

.mini-a-propos-depot p {
    font-size: 18px;
    line-height: 30px;
}

.mini-a-propos-depot .wpb_text_column {
    max-width: 1100px;
    margin: 0 auto;
}






/*------ NOUS JOINDRE ------*/
.page-id-18 #page-header-wrap #page-header-bg .inner-wrap > h1, .page-id-1276 #page-header-wrap #page-header-bg .inner-wrap > h1 {
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
}

#bureau-vaudreuil-dorion h2, #bureau-salaberry-de-valleyfield h2 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 35px;
    margin: 0px;
}

#bureau-vaudreuil-dorion h3, #bureau-salaberry-de-valleyfield h3 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 25px;
}

.bloc-txt-contact {
    padding: 100px !important;
}

body[data-form-style="minimal"] .formulaire-contact input[type="text"], body[data-form-style="minimal"] .formulaire-contact textarea, body[data-form-style="minimal"] .formulaire-contact input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light .formulaire-contact input[type="email"], body[data-form-style="minimal"] .formulaire-contact input[type=password], body[data-form-style="minimal"] .formulaire-contact input[type=tel], body[data-form-style="minimal"] .formulaire-contact input[type=url], body[data-form-style="minimal"] .formulaire-contact input[type=search], body[data-form-style="minimal"] .formulaire-contact input[type=date] {
    background-color: rgb(255, 255, 255);
}




/*------ SEARCH ------*/
.search-results .main-content > .row > .col.span_9 {
    width: 100%;
    margin-right: 0;
}

body.search #search-results .result .inner-wrap {
    border-radius: 0px;
}









/*----------------------------------------------------------------*/
/*-------------------------- RESPONSIVE --------------------------*/


/*------ HEADER ------*/

@media only screen and (max-width: 1000px) {
    body header#top #logo.logo_viva img, #header-outer[data-permanent-transparent="false"] #logo.logo_viva .dark-version {
        height: 59px!important;
    }

    body header#top #logo.logo_vs img, #header-outer[data-permanent-transparent="false"] #logo.logo_vs .dark-version {
        height: 47px!important;
    }
    
    body header#top #logo.logo_bshsl img, #header-outer[data-permanent-transparent="false"] #logo.logo_bshsl .dark-version {
        height: 48px!important;
    }
    
    body header#top #logo.logo_agr img, #header-outer[data-permanent-transparent="false"] #logo.logo_agr .dark-version {
        height: 43px!important;
    }
    
    body header#top #logo.logo_aff img, #header-outer[data-permanent-transparent="false"] #logo.logo_aff .dark-version {
        height: 35px!important;
    }
    
    body header#top #logo.logo_50p img, #header-outer[data-permanent-transparent="false"] #logo.logo_50p .dark-version {
        height: 35px!important;
    }
        
    body header#top #logo.logo_swv img, #header-outer[data-permanent-transparent="false"] #logo.logo_swv .dark-version {
        height: 35px!important;
    }
    
    #header-secondary-outer .container {
        max-width: inherit !important;
        padding: 0px 10px;
    }
}

@media only screen and (max-width: 1000px) and (min-width: 999px) {
    body.material #header-space {
        height: auto !important;
    }
}

@media only screen and (max-width: 900px) { 
    #header-secondary-outer .container .wpb_widgetised_column #sidebar p img, .pub-super-banniere #sidebar p img {
        width: 468px;
        height: 60px;
    }
    
    #header-secondary-outer .container .wpb_widgetised_column #sidebar {
        height: 125px;
    }
    
    #header-secondary-outer .container .wpb_widgetised_column #sidebar .titre-pub, .pub-super-banniere #sidebar .titre-pub {
        max-width: 468px;
        margin: 0 auto;
    }
}


@media only screen and (max-width: 690px) {
    body.material.vc_responsive #header-secondary-outer {
        display: block !important;
        height: auto !important;
        min-width: auto !important;
    }
}


@media only screen and (max-width: 550px) { 
    #header-secondary-outer .container .wpb_widgetised_column #sidebar p img, .pub-super-banniere #sidebar p img {
        width: 320px;
        height: 50px;
    }
    
    #header-secondary-outer .container .wpb_widgetised_column #sidebar {
        height: 110px;
    }
    
    #header-secondary-outer .container .wpb_widgetised_column #sidebar .titre-pub, .pub-super-banniere #sidebar .titre-pub {
        max-width: 320px;
        margin: 0 auto;
    }
}


@media only screen and (max-width: 480px) {
    body header#top #logo.logo_viva img, #header-outer[data-permanent-transparent="false"] #logo.logo_viva .dark-version {
        height: 45px!important;
    }
    
    body header#top #logo.logo_vs img, #header-outer[data-permanent-transparent="false"] #logo.logo_vs .dark-version {
        height: 34px!important;
    }
    
    body header#top #logo.logo_bshsl img, #header-outer[data-permanent-transparent="false"] #logo.logo_bshsl .dark-version {
        height: 35px!important;
    }
    
    body header#top #logo.logo_agr img, #header-outer[data-permanent-transparent="false"] #logo.logo_agr .dark-version {
        height: 35px!important;
    }
    
    body header#top #logo.logo_aff img, #header-outer[data-permanent-transparent="false"] #logo.logo_aff .dark-version {
        height: 24px!important;
    }
    
    body header#top #logo.logo_50p img, #header-outer[data-permanent-transparent="false"] #logo.logo_50p .dark-version {
        height: 35px!important;
    }
        
    body header#top #logo.logo_swv img, #header-outer[data-permanent-transparent="false"] #logo.logo_swv .dark-version {
        height: 23px!important;
    }
}


@media only screen and (max-width: 360px) {
    body header#top #logo.logo_viva img, #header-outer[data-permanent-transparent="false"] #logo.logo_viva .dark-version {
        height: 35px!important;
    }
    
    body header#top  #logo.logo_vs img, #header-outer[data-permanent-transparent="false"] #logo.logo_vs .dark-version {
        height: 30px!important;
    }
    
    body header#top #logo.logo_bshsl img, #header-outer[data-permanent-transparent="false"] #logo.logo_bshsl .dark-version {
        height: 30px!important;
    }
    
    body header#top #logo.logo_agr img, #header-outer[data-permanent-transparent="false"] #logo.logo_agr .dark-version {
        height: 30px!important;
    }
    
    body header#top #logo.logo_aff img, #header-outer[data-permanent-transparent="false"] #logo.logo_aff .dark-version {
        height: 20px!important;
    }
    
    body header#top #logo.logo_50p img, #header-outer[data-permanent-transparent="false"] #logo.logo_50p .dark-version {
        height: 35px!important;
    }
        
    body header#top #logo.logo_swv img, #header-outer[data-permanent-transparent="false"] #logo.logo_swv .dark-version {
        height: 19px!important;
    }
    
    #header-secondary-outer > .container {
        padding: 0px;
        max-width: inherit !important;
    }
}





/*------ MENU ------*/
@media only screen and (max-width: 1000px) and (min-width: 1px) {
    body #slide-out-widget-area.slide-out-from-right-hover {
        z-index: 10000 !important;
    }
    
    .slide-out-hover-icon-effect {
        z-index: 10001 !important;
    }
    
    .off-canvas-menu-container.mobile-only, .off-canvas-social-links.mobile-only {
        display: none !important;
    }
}





/*------ FOOTER ------*/
@media only screen and (max-width: 690px) {
    #footer-outer[data-cols="1"][data-disable-copyright="false"] #copyright {
        padding-bottom: 30px;
    }
    
    body #footer-outer[data-cols="1"][data-disable-copyright="false"] .row {
        padding-top: 60px;
    }
}





/*------ GÉNÉRAL ------*/

.material {
    user-select: auto;
}
/*@media only screen and (min-width: 1000px) {
    body .container, body.material[data-header-format="left-header"] .container, body .post-area.standard-minimal.full-width-content article.post .inner-wrap, body.material #search-outer #search {
        padding: 0 50px;
    }
}

@media only screen and (max-width: 1000px) and (min-width: 690px) {
    body.material .container-wrap > .container {
        max-width: 100% !important;
        padding: 0px 30px;
    }
}


@media only screen and (max-width: 690px) and (min-width: 480px) {
    body.material .container-wrap > .container, body .post-area.standard-minimal.full-width-content article.post .inner-wrap {
        max-width: inherit !important;
        padding: 0px 30px;
    }
}

@media only screen and (max-width: 690px) {
    body.material .container-wrap > .container, body .post-area.standard-minimal.full-width-content article.post .inner-wrap {
        max-width: inherit !important;
        padding: 0px 20px;
    }
}*/

@media only screen and (max-width: 400px) {
    body #page-header-bg .span_6 h1, .single.single-post .section-title h1 {
        font-size: 23px!important;
        margin-bottom: 0px!important;
    }
}






/*------ FAUSSE ACCUEIL ------*/
@media only screen and (max-width: 1150px) {
    .liens-pages-categories p a {
        font-size: 14px;
        letter-spacing: 0.2px;
    }
        
    .liens-pages-categories p {
        padding: 0px 10px;
    }
}

@media only screen and (max-width: 1140px) and (min-width: 1075px) {
    .trois-derniers-articles-avec-sidebar, .articles-bloc-complet {
        width: 64.4% !important;
    }
        
    .sidebar-pages-articles {
        width: 33.5% !important;
    }
    
    .trois-derniers-articles-avec-sidebar .post-area.featured_img_left.span_12 .article-content-wrap .post-content-wrap {
        padding: 10px 15px 10px 25px !important;
    }
}

@media only screen and (max-width: 1074px) and (min-width: 1000px) {
    .trois-derniers-articles-avec-sidebar, .articles-bloc-complet {
        width: 61.2% !important
    }
        
    .sidebar-pages-articles {
        width: 36.7% !important
    }
    
    .trois-derniers-articles-avec-sidebar .post-area.featured_img_left.span_12 .article-content-wrap .post-content-wrap {
        padding: 0px 0px 0px 20px !important
    }
}



@media only screen and (max-width: 1130px) and (min-width: 1000px) {
    .masonry.material .masonry-blog-item .article-content-wrap, .related-posts[data-style="material"] .article-content-wrap {
        padding: 5px 20px 20px 20px!important;
    }
    
    .masonry.material .masonry-blog-item .meta-category, .related-posts[data-style="material"] .meta-category {
        padding: 15px 20px 0 20px;
    }
    
    .masonry.material .masonry-blog-item .grav-wrap {
        margin-top: 20px;
    }
    
    .post-area.featured_img_left h3 a, .masonry.material .masonry-blog-item h3 a {
        font-size: 22px;
        line-height: 30px;
    }
    
    .masonry.material .masonry-blog-item .meta-category a {
        font-size: 12px;
        line-height: 17px;
    }
}

@media only screen and (max-width: 999px) {
    .sidebar-pages-articles .sidebar-articles #sidebar {
        margin: 0 auto;
        float: none;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 900px) {
    .titre-section-ligne .wpb_row .vc_col-sm-4 {
        width: 100%;
        text-align: center;
    }
    
    .titre-section-ligne .wpb_row .vc_col-sm-8 {
        width: 100%;
        text-align: center;
        margin-top: 8px;
    }
        
    .titre-section-ligne .wpb_row .vc_col-sm-8 p {
        text-align: center !important;
    }
    
    .titre-section-ligne h2 {
        text-align: center;
    }
}


@media only screen and (max-width: 760px) and (min-width: 691px) {
    .masonry.material .masonry-blog-item .article-content-wrap, .related-posts[data-style="material"] .article-content-wrap {
        padding: 10px 25px 25px 25px!important;
    }
    
    .masonry.material .masonry-blog-item .meta-category, .related-posts[data-style="material"] .meta-category {
        padding: 20px 25px 0 25px;
    }
    
    .masonry.material .masonry-blog-item .grav-wrap {
        margin-top: 20px;
    }
    
    .post-area.featured_img_left h3 a, .masonry.material .masonry-blog-item h3 a {
        font-size: 22px;
        line-height: 30px;
    }
    
    .masonry.material .masonry-blog-item .meta-category a {
        font-size: 12px;
        line-height: 17px;
    }
}


@media only screen and (max-width: 690px) {
    .mini-a-propos p {
        font-size: 16px;
        line-height: 28px;
    }
    
    .mini-a-propos {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    
    #bloc-over-image > .span_12 > .vc_col-sm-12 {
        margin-top: -80px !important;
    }
    
    .trois-derniers-articles-sans-sidebar .post-area.masonry {
        margin-bottom: 0px;
    }
    
    .trois-derniers-articles-sans-sidebar > .vc_column-inner > .wpb_wrapper > .row {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }
    
    .trois-derniers-articles-sans-sidebar > div.vc_column-inner > div > div.divider-wrap > .divider {
        height: 40px !important;
    }
    
    .sous-menu-page .divider-wrap > .divider {
        height: 50px !important;
    }    
    
    .space-80 .divider-wrap > .divider {
        height: 80px !important;
    }  
    
    .space-60 .divider-wrap > .divider {
        height: 70px !important;
    }    

    .space-65 .divider-wrap > .divider {
        height: 65px !important;
    }
    
    .space-60 .divider-wrap > .divider {
        height: 60px !important;
    }
    
    .space-50 .divider-wrap > .divider {
        height: 50px !important;
    }
    
    .space-45 .divider-wrap > .divider {
        height: 45px !important;
    }
    
    .space-40 .divider-wrap > .divider {
        height: 40px !important;
    }
    
    .space-30 .divider-wrap > .divider {
        height: 30px !important;
    }
    
    .space-20 .divider-wrap > .divider {
        height: 20px !important;
    }
        
    .space-15 .divider-wrap > .divider {
        height: 15px !important;
    }
    
    .space-10 .divider-wrap > .divider {
        height: 10px !important;
    }
    
    .trois-derniers-articles-avec-sidebar .post-area, .trois-derniers-articles-avec-sidebar .post-area.col_last {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    
    .journal-en-ligne-footer .btn-journal-en-ligne-pages {
        padding: 60px 0px 60px;
    }
    
    .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+1) .post-header, .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+6) .post-header, .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+7) .post-header, .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+8) .post-header {
        max-width: 100%;
    }
    
    .articles-a-la-une .masonry .posts-container {
        padding-top: 60px !important;
        padding-bottom: 40px !important;
    }
}

@media only screen and (max-width: 690px) and (min-width: 550px) {
    .trois-derniers-articles-avec-sidebar .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap {
        height: 350px;
    }
}


@media only screen and (max-width: 551px) and (min-width: 450px) {
    .trois-derniers-articles-avec-sidebar .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap {
        height: 250px;
    }
}


@media only screen and (max-width: 480px) {
    #bloc-over-image > div.col.span_12 > div > div.vc_column-inner > div > .divider-wrap:nth-child(1) > .divider {
        height: 40px !important;
    }
    
    #bloc-over-image > div.col.span_12 > div > div.vc_column-inner > div > .divider-wrap:nth-child(4) > .divider {
        height: 40px !important;
    }
    
    #bloc-over-image > .span_12 > .vc_col-sm-12 {
        margin-top: -55px !important;
    }
    
    .masonry.material .masonry-blog-item .article-content-wrap, .related-posts[data-style="material"] .article-content-wrap {
        padding: 10px 25px 25px 25px!important;
    }
    
    .masonry.material .masonry-blog-item .meta-category, .related-posts[data-style="material"] .meta-category {
        padding: 20px 25px 0 25px;
    }
    
    .masonry.material .masonry-blog-item .grav-wrap {
        margin-top: 20px;
    }
    
    .post-area.featured_img_left h3 a, .masonry.material .masonry-blog-item h3 a {
        font-size: 22px;
        line-height: 30px;
    }
   
    .masonry.material .masonry-blog-item .meta-category a, .post-area.featured_img_left article .meta-category a {
        font-size: 12px;
        line-height: 17px;
    }
    
    .titre-section-ligne h2 {
        font-size: 30px !important;
    }
    
    .trois-derniers-articles-avec-sidebar .post-area, .trois-derniers-articles-avec-sidebar .post-area.col_last {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .trois-derniers-articles-sans-sidebar {
        padding: 0px 15px;
    }
    
    .post-area.featured_img_left.span_12 .article-content-wrap .post-content-wrap {
        padding: 25px 15px !important
    }
    
    .post-area.featured_img_left.span_12 article {
        margin-bottom: 40px;
    }
    
    .journal-en-ligne-footer .btn-journal-en-ligne-pages a {
        width: 100%;
        margin: 5px 0px 20px;
    }
    
    .auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap {
        padding: 15px!important;
    }
    
    .auto_meta_overlaid_spaced .masonry-blog-item .post-header h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
    }
    
    .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+1) .post-header {
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 400px) {
    .journal-en-ligne-footer .btn-journal-en-ligne-pages #sidebar h4 {
        font-size: 32px;
        line-height: 42px;
    }
}


@media only screen and (max-width: 320px) {
    body #page-header-bg .span_6 h1, .single.single-post .section-title h1 {
        font-size: 20px!important;
        line-height: 28px !important;
    }
    
    #page-header-bg .span_6 span.subheader {
        font-size: 13px!important;
    }
    
    .trois-derniers-articles-sans-sidebar {
        padding: 0px 10px;
    }
    
    .btn-voir-tous-les-articles {
        padding: 20px 20px !important;
        font-size: 16px !important;
        line-height: 24px;
    }
    
    .trois-derniers-articles-avec-sidebar .post-area, .trois-derniers-articles-avec-sidebar .post-area.col_last {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    .sidebar-pages-articles {
        min-width: 300px;
        margin: 0px auto !important;
    }
    
    .liens-pages-categories p a {
        font-size: 13px;
    }
}




/*------ Article ------*/
@media only screen and (max-width: 1140px) and (min-width: 1075px) {
    .post-area article.post .post-content > .content-inner > div > .span_12 > .vc_col-sm-8 {
        width: 64.4% !important;
    }
        
    .post-area article.post .post-content > .content-inner > div > .span_12 > .vc_col-sm-4 {
        width: 33.5% !important;
    }
}

@media only screen and (max-width: 1074px) and (min-width: 1000px) {
    .post-area article.post .post-content > .content-inner > div > .span_12 > .vc_col-sm-8 {
        width: 61.2% !important
    }
        
    .post-area article.post .post-content > .content-inner > div > .span_12 > .vc_col-sm-4 {
        width: 36.7% !important
    }
}


@media only screen and (max-width: 999px) {
    .post-area article.post .post-content > .content-inner > div > .span_12 > .vc_col-sm-4 .sidebar-articles #sidebar {
        margin: 0 auto;
        float: none;
        margin-top: 20px;
    }
}



@media only screen and (max-width: 690px) {
    body.single-post.material[data-bg-header="true"] .container-wrap {
        padding-top: 60px !important;
    }
    
    article.post .content-inner {
        padding-bottom: 10px;
    }
    
    .single-post .related-title {
        font-size: 25px;
    }
    
}





/*------ ACCUEIL ------*/

@media only screen and (max-width: 400px) {
    .acc-nouvelles-de-lheure h2 {
        padding: 0px 30px;
    } 
}





/*------ PAGE NOUS JOINDRE / ANNONCEZ AVEC NOUS / POINTS DE DÉPÔT ------*/
@media only screen and (max-width: 1260px) {
    .bloc-txt-contact {
        padding: 80px !important;
    }
} 


@media only screen and (max-width: 1000px) {
    .dhvc-form-flat .dhvc-form-checkbox label {
        width: 100% !important;
    }
    
    .map-contact iframe {
        height: 400px;
    }
} 

@media only screen and (max-width: 1220px) {
    .page-a-propos-bloc-image .row-bg {
        background-position: 135% center !important;
    }

} 


@media only screen and (max-width: 1100px) {
    .page-a-propos-bloc-image .row-bg {
        background-position: 200% center !important;
    }

} 

@media only screen and (max-width: 767px) {
    .formulaire .dhvc-form-flat .dhvc-form-checkbox.dhvc-form-checkbox__custom_w label, .dhvc-form-flat .dhvc-form-radio.dhvc-form-radio__custom_w label {
        width: 100%!important;
    }
    
    .titre-page-a-propos h2 .big-title {
        font-size: 35px !important;
    }
    
    .titre-page-a-propos h2 {
        font-size: 22px !important;
        line-height: 35px !important;
    }
} 

@media only screen and (max-width: 690px) { 
    .mini-a-propos-depot, .mini-a-propos {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    
    .mini-a-propos-depot p, .mini-a-propos {
        font-size: 16px;
        line-height: 28px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 400px) { 
    .bloc-txt-contact {
        padding: 80px 40px !important;
    }
}