/*
Theme Name: Agence à vous
Theme URI: 
Author: Thomas F.
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
body .ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a,
body .ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
    color: #aea7b8;
}
body a.ui-link, body a.ui-link:visited, body a.ui-link:hover {
    color: #aea7b8;
}

.ui-page-theme-a #footer_global a:visited,
html .ui-bar-a #footer_global a:visited,
html .ui-body-a #footer_global a:visited,
html body .ui-group-theme-a #footer_global a:visited {
    color: white;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    text-shadow: none;
}

.displayNone {
    visibility: hidden;
}

#caroussel div.anythingSlider .back a,
#caroussel div.anythingSlider .back a:hover {
    background: url(images/default.png) no-repeat left -140px;
}

#caroussel div.anythingSlider .forward a,
#caroussel div.anythingSlider .forward a:hover {
    background: url(images/default.png) no-repeat right -140px;
}

a,
#menu .menuItem a.ui-link,
body a.ui-link,
body a,
body a:hover,
body a:visited,
.titreSlide a,
.titreSlide a:hover {
    text-decoration: none;
}    

/**
** Header + nav
*/
header {
    width: 100%;
    height: 80px;
    position: fixed;
    z-index: 8500;
    background-color: white;
}
    .site-title {
        margin-left: 0px;
        height: 70px;
    }
    #global-menu-mobile {
        position: absolute;
        top: 20px;
        right: 20px;
    }
        #global-menu-mobile span {
            font-size: 1.4em;
            color: #aea7b8;
            font-weight: 700;
        }    
        #homeMain #contentCenter #homeContentRight #homeContentRightHeader a {
            font-size: 15px;
            margin-top: 5px;
            display: inline-block;
        }  
        /*#main-content {
            top: 65px;
            position: relative;
            padding-bottom: 50px;
        }*/
            .single #main-content {
                top: 65px;
				position: relative;
                padding-bottom: 50px;
            }
			.home .site-main .main-content,
            .page-id-40 .site-main .main-content,
            .page-id-49 .site-main .main-content,
            .page-id-2795 .site-main .main-content,
            .category .site-main {
				top: 65px;
				position: relative;
				padding-bottom: 0px;
			}
                .page-id-2795 .site-main .main-content {
                    top: 120px;
                }  
                .category .site-main {
                    top: 100px;
                }  
                .page-id-49 .site-main .main-content {
                    top: 85px;
                }
                
            .page-id-49 #main-content,
            .page-id-40 #main-content {
                padding-bottom: 60px;
            }    
        .sliderHomeGeneral .panel {
            border-radius: 0px;
        }

#headerNavGlobal .site-title {
    z-index: 9100;
}
nav {
    position: fixed;
    z-index: 9000;
    width: 100%;
    background-color: white;
    height: 100%;
    overflow: hidden;
    bottom: 0;
    top: 0;
}        
	#menu_cross_close {
		z-index: 9200;
		position: fixed;
		right: 20px;
		top: 20px;
		font-size: 30px;
		color: #aea7b8;
        display: none;
	}
    nav ul li {
        clear: both;
		margin-top: 20px;
    }
    nav ul#menu {
		margin: 70px 0 0 50px;
    }
		nav ul#menu li#menu_1 {
			width: 100%;
			text-align: left;
            margin-bottom: 30px;
		}
		nav ul#menu li.menuItem>a:hover {
			color: inherit;
		}
			nav ul#menu li.menuItem div.submenu {
				position: relative;
				padding: 0px 0px 0px 0px;
				top: 0px;
				clear: both;
			}    
			nav ul#menu li.menuItem div.submenu div.inlineSubMenu {
				width: 100%;
				padding-left: 15px;
			}
				nav ul#menu li.menuItem div.submenu div.inlineSubMenu a {
					color: black;
					font-weight: 400;
				}
				nav ul#menu li.menuItem div.submenu  div.inlineSubMenu div:first-child {
					margin-left: 0px;
				}
                    nav ul#menu li.menuItem div.submenu  div.inlineSubMenu div ul li {
                        font-weight: 300;
                        font-size: 14px;
                        margin-top: 15px;
                    }
                        .follow-social a {
                            font-weight: 300;
                        }
                        .follow-social-logo, .follow-social-logo-insta {
                            clear: none;
                        }
                        
                        header.fixed, #header2.fixed {
                            height: 65px;
                        }
                        nav ul li:last-child {
                            margin-top: 15px;
                        }
                        
header.fixed nav ul li, #header2 nav ul li {
    height: auto;
}    
header.fixed nav ul#menu li.menuItem div.submenu {
    position: relative;
    padding: 0px 0px 0px 0px;
    top: 0px;
    clear: both;
}

@media screen and (min-width: 550px) {
    nav ul#menu li#menu_1 {
        width: 45%;
    }
    #menu_2, #menu_3, .follow-social {
        clear: none;
    }
    #main-content #teamMain #sidebar-contact_right {
        width: 30%;
        float: left;
    }
    #main-content #form_contact {
        float: left;
        margin-top: 30px;
    }
    #teamCenter #form_contact {
        margin-left: 10px;
    }
}
@media screen and (max-width: 320px) {
    #teamCenter #form_contact input[type="text"],
    #teamCenter #form_contact input[type="file"],
    #teamCenter #form_contact input[type="email"],
    #teamCenter #form_contact input[type="tel"],
    #teamCenter #form_contact select,
    #teamCenter #form_contact textarea {
        width: 90%;
    }
    #teamCenter #form_contact .wpcf7-submit {
        width: 86px;
    }
}
/**
** Lines
*/
#line-vertical-367 {
    width: 73px;
    height: 170px;
    margin-top: -20px;
    margin-left: -30px;
}
#line-vertical-367.line-vertical-367 {
    height: 120px;
    margin-left: -35px;
}
#homeContentRight {
    float: none;
    clear: both;
}
#homeMain {
    margin-top: 45px;
}
    #homeMain #contentCenter {
        width: 100%;
    }
    #homeMain #contentCenter #homeSidebarLeft {
        width: 85%;
        text-align: left;
        margin-left: 15%;
        line-height: 20px;
        font-size: 5vw;
        margin-bottom: 15px;
    }
    #homeMain #contentCenter #homeContentRight {
        margin-left: 15%;
        margin-right: 5%;
        font-size: 4vw;
        line-height: 20px;
        width: 80%;
    }
        #homeMain #homeContentRight #homeContentRightHeader h1,
        #homeMain #homeContentRight #homeContentRightHeader h2,
        #homeMain #homeContentRight #homeContentRightHeader h3 {
            line-height: 21px;
        }
  
#contentPush {
    margin-left: 15%;
    width: 100%;
}        
#contentPush .homeContentRightRealisations .nos_realisation {
    font-size: 4.5vw;
}    
#contentPush .homeContentRightRealisations h2 {
    font-size: 16px;
}
.home #contentPush .homeContentRightRealisations {
    width: 83%;
    padding-top: 50px;
}

/**
** Single
*/
.first-last-elm-tab {
    clear: both;
    margin-top: 20px;
}
#projectMain {
    width: 100%;
    margin-top: 15px;
}
#project_image .project_photo {
    left: calc(50% - 49px);
    -webkit-left: calc(50% - 49px);
    -moz-left: calc(50% - 49px);
    background-size: 60%;
}
#projectMain #projectCenter {
    width: calc(100% - 70px);
    -webkit-width: calc(100% - 70px);
    -moz-width: calc(100% - 70px);
    margin-right: 0;
    margin-left: 50px;
}
    #projectMain #projectCenter h1 {
        font-size: 7vw;
        line-height: 25px;
        width: 100%;
        margin-bottom: 30px;
    }
    #projectMain #projectCenter #tabs {
        clear: both;
        width: 100%;
        float: left;
        margin-top: 10px;
    }
        #projectMain #projectCenter #tabs.ui-tabs p,
        #projectMain #projectCenter #tabs p{
            font-size: 4.5vw;
        }
    #projectMain #sidebar-right {
        width: 100%;
    }
    #projectMain #project_enbref_titre {
        margin-top: 30px;
        font-size: 4.5vw;
        font-weight: 200;
    }
    #projectMain #sidebar-right ul {
        margin-top: 20px;
        margin-left: 10px;
    }
        #projectMain #sidebar-right ul li {
            color: #000;
            font-size: 3.5vw;
            margin-bottom: 5px;
        }
#contentPush .homeContentRightRealisations h2 {
    font-size: 4.5vw;
}
.panel-group {
    clear: both;
}
#projectMain #projectCenter .ui-tabs-nav li {
    border-top: 1px #dbd8e3 solid;
    width: 100%;
    padding-top: 10px;
}
    #projectMain #projectCenter .ui-tabs-nav li a {
        padding-bottom: 15px;
        font-size: 4.5vw;
        font-weight: 200;
    }
.arrowTabSingle img {
    right: 0;
    position: absolute;
}
#projectMain #sidebar-right-bottom {
    width: calc(100% - 70px);
    -webkit-width: calc(100% - 70px);
    -moz-width: calc(100% - 70px);
    margin-right: 0;
    margin-left: 50px;
    margin-top: 0px;
}
    #projectMain #sidebar-right-bottom #project_slider,
    #projectMain #sidebar-right-bottom #project_share {
        margin-top: 0px;
    }
    #projectMain #sidebar-right-bottom #project_share {
        clear: none;
        margin-left: 30px;
    }
        #projectMain #sidebar-right-bottom #project_slider img,
        #projectMain #sidebar-right-bottom #project_share img {
            margin-top: 8px;
            display: inline-block;
        }
    #projectMain #sidebar-right-bottom .project_right_link {
        clear: none;
        margin-left: 10px;
    }
    #projectMain #sidebar-right-bottom #project_share .project_right_link {
        margin-top: 12px;
        display: inline-block;
    }
    #projectMain #sidebar-right-bottom #line-vertical-367 {
        width: 72px;
        height: 130px;
        margin-left: -80px;
    }
	
.fancybox-opened {
    z-index: 9130;
}
.fancybox-overlay-fixed {
    z-index: 9110;
}	

/**
** Categories
*/
#listMain #listCenter {
    width: 100%;
    height: auto;
}
    #listMain #listCenter #line-vertical-301 {
        margin-left: -20px;
        width: 50px;
        height: 145px;
    }
    #listMain #listCenter #listContentRight {
        width: 85%;
        margin-left: 10%;
        margin-right: 15px;
        padding-left: 0;
        padding-right: 0;
        font-size: 4.5vw;
        font-weight: 200;
        margin-top: 10px;
        margin-bottom: 40px;
        float: left;
    }
        #listMain #listCenter #listContentRight #listContentRightHeader p,
        #listMain #listCenter #listContentRight #listContentRightHeader {
            line-height: 23px;
        } 
    #listMain #listCenter #listSidebarLeft {
        width: 85%;
        margin-left: 10%;
        margin-right: 15px;
        padding-left: 0;
        padding-right: 0;
        text-align: left;
        font-size: 18px;
    }
        .page-id-2795 #listMain #listCenter #listSidebarLeft {
            position: absolute;
            top: -30px;
        }
    #listMain #listContentPush {
        width: 85%;
        margin-left: 10%;
        right: 20px;
    }
    #listMain #listContentPush ul li .titreSlide {
        font-size: 18px;
        width: 100%;
        line-height: 20px;
    }
    #listMain ul li img.crop {
        width: 100%;
    }
    #listMain #listContentPush ul li {
        margin-bottom: 0;
    }
    #listMain #listContentPush ul li:nth-child(3n+1) {
        /*margin-left: 10px;*/
    }
    #listMain #listContentPush ul li {
        margin-left: 0px;
    }
    #listMain #listContentPush ul li {
        margin-left: 0px;
    }

/**
** Caroussel
*/
#sliderHome1Ul, #sliderHome2Ul, #sliderHome3Ul, #sliderHome4Ul, #sliderHome5Ul,
#carousselHome1, #carousselHome2, #carousselHome3, #carousselHome4, #carousselHome5 {
    height: initial;
}

#carousselHome1 ul li .titreSlide,
#carousselHome2 ul li .titreSlide,
#carousselHome3 ul li .titreSlide,
#carousselHome4 ul li .titreSlide,
#carousselHome5 ul li .titreSlide {
    width: 83%;
}

#sliderHome1Ul li, #sliderHome2Ul li, #sliderHome3Ul li, #sliderHome4Ul li, #sliderHome5Ul li {
    margin-bottom: 30px;
}

#caroussel {
    z-index: 5000;
}
    #caroussel ul li .titreSlide {
        font-size: 7vw;
        right: 40px;
        bottom: 10px;
        /*float: right;*/
        width: 100%;
        text-shadow: none;
        text-align: right;
        line-height: 30px;
        z-index: 9000;
    }
        #caroussel ul li .titreSlide a, #caroussel ul li .titreSlide a:hover, #caroussel ul li .titreSlide a:visited {
            color: #aca960;
            text-decoration: none;
        }
    
    #caroussel div.anythingSlider .arrow {
        bottom: 145px;
    }
        #caroussel div.anythingSlider .back a {
            width: 38px;
            margin: 30px 0 0 -10px;
        }
        #caroussel div.anythingSlider .forward a {
            width: 38px;
            margin: 30px 0 0 -25px;
        }
        div.anythingSlider {
            padding: 0 0 0px 0;
        }
        
#carousselHome1 ul li .titreSlide,
#carousselHome2 ul li .titreSlide,
#carousselHome3 ul li .titreSlide,
#carousselHome4 ul li .titreSlide,
#carousselHome5 ul li .titreSlide {
    font-size: 18px;
    margin-top: 0px;
    line-height: 20px;
}   

.sliderHomeGeneralBackground {
    background-image: url('images/back_mobile_header.png');
    background-position: center bottom;
    background-repeat: repeat-x;
    width: 100%;
    height: 272px;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 10;
}

/*** Contact **/
#teamMain {
    margin-top: 20px;
    width: 100%;
}
    #teamMain #teamCenter {
		margin-bottom: 40px;
        width: 100%;
    }
        #teamMain #teamCenter h1 {
            margin-left: 12%;
            margin-right: 5%;
            width: 83%;
            font-size: 28px;
            line-height: 30px;
        }
        #teamMain #teamCenter h3 {
            margin-left: 12%;
            margin-right: 5%;
            width: 83%;
            padding: 0;
            font-size: 4.5vw;
            line-height: 20px;
            margin-bottom: 25px;
        }
        #teamMain #teamCenter .isContentH3 {
            font-size: 4.5vw;
        }
        #teamMain #teamCenter #team_members .team_member {
            margin-top: 0px;
        }
            #teamMain #teamCenter #team_members .team_member.team_member_break {
                margin-top: 0px;
                margin-left: 12%;
            }
            #teamMain #teamCenter #team_members .team_member.team_member_break_member {
                margin-top: 25px;
                margin-left: 12%;
            }
                #teamMain #teamCenter #team_members .team_member.team_member_break_member:first-child {
                    margin-top: 0px;
                    margin-left: 12%;
                }
        #teamMain #teamCenter #team_members .team_member .photo_member {
            margin-left: -17px;
            width: 100px;
            position: relative;
            display: inline-block;
            float: left;
        }
        #teamMain #teamCenter #team_members .team_member .photo_member img {
            width: 100px;
        }
        #teamMain #teamCenter #team_members .team_member .title_member {
            float: left;
            margin-top: 10px;
            position: relative;
            display: inline-block;
        }
            #teamMain #teamCenter #team_members .team_member .title_member .descr_member {
                width: 100%;
            }
            #teamMain #teamCenter #team_members .team_member .blog_member {
                font-size: 4vw;
                font-weight: 200;
                line-height: 21px;
                clear: both;
            }
            #teamMain #teamCenter #team_members .team_member .descr_member {
                margin-right: 5%;
                width: 83%;
                margin-top: 0px;
            }
            #teamMain #teamCenter #team_members .team_member .name_member.name_member_title {
                font-size: 18px;
                margin-left: 15%;
            }
#form_contact {
    margin-left: 50px;
    margin-top: 50px;
    display: inline-block;
}
#teamMain #sidebar-contact_right {
    width: 100%;
    margin-left: 50px;
    margin-top: 20px;
}
#teamMain #sidebar-contact_right #contact-marker {
    margin-top: 0px;
}
#teamMain #sidebar-contact_right #contact-tel {
    clear: both;
}
#teamMain #sidebar-contact_right .team_right_img {
    width: 40px;
    float: left;
}
#teamMain #sidebar-contact_right #contact-marker {
    width: 100%;
}
#teamMain #sidebar-contact_right .team_right_link {
    display: inline-block;
    width: 150px;
    z-index: 8900;
    float: none;
}
#teamMain #sidebar-contact_right #line-vertical-367 {
    width: 72px;
    height: 130px;
    margin-left: -80px;
}
.footer_menu .follow-social-logo, .footer_menu .follow-social-logo-insta {
    margin-left: 20px;
}
#form_contact input[type="text"],
#form_contact input[type="file"],
#form_contact input[type="email"],
#form_contact input[type="tel"],
#form_contact select,
#form_contact textarea {
    width: 90%;
}
#form_contact .wpcf7-submit {
    margin-right: 30px;
}
#form_contact #mandatory_field {
    margin-top: -18px;
}
div.wpcf7-response-output {
    width: 90%;
    left: 5%;
}

/*** Footer ***/
footer {
    clear: both;
    height: inherit;
}
#footer_global_top {
    background-color: #fff;
    height: 60px;
}
#footer_global_bottom {
    background-color: #928d9a;
    height: 115px;
    width: 100%;
    padding: 25px 0px 0px 0px;
}
#footer_global {
    background-color: #928d9a;
    height: auto;
    width: 85%;
    margin-left: 15%;
}
    .single #footer_global {
        margin-left: 50px;
    }
    .category #footer_global, .page-id-2795 #footer_global {
        margin-left: 10%;
    }
    .page-id-40 #footer_global {
        margin-left: 12%;
    }
    
    .footer_menu {
        overflow: hidden;
    }
    .footer_title { 
        float: left;
        padding-top: 5px;
        color: white;
        font-size: 15px;
        font-weight: 700;
        font-family: 'Oswald', sans-serif;
    }
        .footer_title a, .footer_title a:hover, .footer_title a:visited { 
            color: white;
        }
    .footer_copyright {
        color: #dbd8e3;
        font-size: 13px;
        font-weight: 300;
        font-family: 'Oswald', sans-serif;
        margin-left: 0px;
        position: relative;
        margin-top: 19px;
        text-transform: uppercase;
        width: 100%;
        clear: both;
    }
    .footer_contact {
        float: left;
        font-size: 15px;
        font-weight: 700;
        font-family: 'Oswald', sans-serif;
        margin-left: 0px;
        position: relative;
        margin-top: 5px;
        text-transform: uppercase;
    }
        .footer_title a {
            font-weight: 400;
        }
        .footer_contact a {
            font-weight: 400;
        }    
    .footer_separation {
        width: 40px;
        text-align: center;
        float: left;
        color: #dbd8e3;
        font-size: 15px;
        font-weight: 300;
        font-family: 'Oswald', sans-serif;
        padding-top: 5px;
    }
    .follow-social-logo, .follow-social-logo-insta {
        float: right;
        margin-left: 0px;
    }
    nav .follow-social-logo, nav .follow-social-logo-insta {
        float: left;
    }
        .footer_contact a {
            color: white;
        }
            .footer_contact a:hover {
                color: #aea7b8;
            }
            
            
/**
*** UI
**/
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    background-color: #fff;
}    

#global-menu-mobile {
    display: block;
}

.inlineSubMenu div:first-child h4 {
    display: none;
}
.inlineSubMenu div:not(:first-child) {
    display: none;
}
.footer_menu_desktop {
    display: none;
}
.footer_menu_mobile {
    display: block;
}
#sidebar-team_right {
    display: none;
}
.team_member_display_desktop {
    display: none;
}
.team_member_display_mobile {
    display: block;
}
.project_display_desktop {
    display: none;
}
    #project_slider.project_display_desktop {
        display: block;
    }
    #project_share.project_display_desktop {
        display: block;
    }
.tabs_desktop {
    display: none;
}
.tabs_mobile {
    display: block;
}

/**
*** Media queries
**/
@media screen and (max-width: 768px) {
    .line-vertical-312 {
        display: none;
    }
    .pushSingle .line-vertical-312 {
        display: block;
    }
    .home #line-vertical-434 {
        display: none;
    }
    #primary-navigation {
        display: none;
    }
}

@media screen and (min-device-width : 768px) and (max-device-width : 1023px) {
    #homeMain #contentCenter #homeSidebarLeft {
        line-height: 40px;
    }    
    .line-vertical-312 {
        display: none;
    }
        .pushSingle .line-vertical-312 {
            display: block;
        }
    #teamMain #line-vertical-367 {
        margin-left: 0px;
    }
    #teamMain #teamCenter h3 {
        font-size: 3.5vw;
        line-height: 30px;
    }
    #homeMain #contentCenter #homeContentRight {
        font-size: 3vw;
        line-height: 30px;
    }
    #contentPush .homeContentRightRealisations .nos_realisation {
        font-size: 3.5vw;
        line-height: 30px;
        line-height: 30px;
    } 
    #projectMain #projectCenter h1 {
        font-size: 6vw;
        line-height: 45px;
    }
        #projectMain #projectCenter #tabs.ui-tabs p,
        #projectMain #projectCenter #tabs p{
            font-size: 3.5vw;
            line-height: 30px;
        }
    #projectMain #project_enbref_titre {
        font-size: 3.5vw;
        line-height: 30px;
    }
        #projectMain #sidebar-right ul li {
            font-size: 2.5vw;
            line-height: 30px;
        }
    #contentPush .homeContentRightRealisations h2 {
        font-size: 3.5vw;
        line-height: 30px;
    }
        #projectMain #projectCenter .ui-tabs-nav li a {
            font-size: 3.5vw;
            line-height: 30px;
        }
    #listMain #listCenter #listContentRight {
        width: 85%;
        margin-left: 10%;
        margin-right: 15px;
        padding-left: 0;
        padding-right: 0;
        font-size: 4.5vw;
        font-weight: 200;
        margin-top: 10px;
        margin-bottom: 40px;
        float: left;
    }    
    #caroussel ul li .titreSlide {
        font-size: 7vw;
        right: 40px;
        bottom: 20px;
        width: 100%;
        text-shadow: none;
        text-align: right;
        line-height: 45px;
        z-index: 9000;
    }
    #teamMain #teamCenter h3 {
        font-size: 3.5vw;
        line-height: 30px;
    }
        #teamMain #teamCenter .isContentH3 {
            font-size: 3.5vw;
            line-height: 30px;
        }
    #teamMain #teamCenter #team_members .team_member {
        width: 88%;
    }    
    #teamMain #teamCenter #team_members .team_member .blog_member {
        font-size: 3vw;
        line-height: 30px;
    }    
    #teamMain #teamCenter h1 {
        font-size: 5.5vw;
        line-height: 30px;
    }
    #listMain #listCenter #listContentRight #listContentRightHeader p, #listMain #listCenter #listContentRight #listContentRightHeader {
        line-height: 30px;
    }
    .home ul#sliderHome1Ul li .titreSlide {
        font-size: 4vw;
        line-height: 30px;
    }
    #homeMain #contentCenter #homeContentRight #homeContentRightHeader a {
        font-size: 3vw;
    }
    #homeMain #homeContentRight #homeContentRightHeader h1,
    #homeMain #homeContentRight #homeContentRightHeader h2,
    #homeMain #homeContentRight #homeContentRightHeader h3 {
        line-height: 26px;
        font-size: 3.5vw;
    }
    .footer_title {
        font-size: 3.5vw;
    }
    .footer_separation {
        font-size: 3.5vw;
    }
    .footer_contact {
        font-size: 3.5vw;
    }
    #realisationsNav,
    #menu_2 ,
    #menu_3,
    nav .follow-social {
        font-size: 3.5vw;
    }
    nav ul#menu li.menuItem div.submenu div.inlineSubMenu div:first-child {
        width: 100%;
    }
        nav ul#menu li.menuItem div.submenu div.inlineSubMenu div:first-child ul li {
            font-size: 3vw;
        }
    nav ul#menu li#menu_1 {
        width: 100%;
        margin-top: 80px;
    }
    #menu_2, #menu_3, .follow-social {
        clear: both;
    }
    nav ul li:last-child {
        margin-top: 20px;
    }
    nav ul li {
        margin-top: 40px;
    }
    
    #teamMain #teamCenter #team_members .team_member .name_member.name_member_title {
        font-size: 4vw;
        margin-left: 16%;
    }
    #teamMain #teamCenter #team_members .team_member .name_member {
        font-size: 4vw;
    }
    #teamMain #teamCenter h3.noStyleH3 {
        font-size: 3vw;
    }
    #teamMain #sidebar-contact_right .team_right_link {
        font-size: 3vw;
    }
    .footer_menu .follow-social-logo, .footer_menu .follow-social-logo-insta {
        margin-right: 10px;
    }
    #project_image .project_photo {
        width: 180px;
        height: 108px;
        top: calc(50% - 54px);
        left: calc(50% - 90px);
    }
    #carousselHome1 ul li .titreSlide,
    #carousselHome2 ul li .titreSlide,
    #carousselHome3 ul li .titreSlide,
    #carousselHome4 ul li .titreSlide,
    #carousselHome5 ul li .titreSlide,
    #listMain #listContentPush ul li .titreSlide {
        font-size: 3vw;
        line-height: 25px;
    }
    #projectMain #sidebar-right-bottom .project_right_link {
        font-size: 3vw;
        line-height: 21px;
    }
    #listMain #listCenter #listSidebarLeft {
        margin-right: 35px;
        font-size: 4vw;
        margin-bottom: 20px;
    }
    
    #listMain #listContentPush ul li:nth-child(even) {
        clear: none;
        margin-left: 6%;
    }
    #listMain #listContentPush ul li {
        width: 47%;
    }
    #listMain #listContentPush ul li {
        margin-bottom: 20px;
    }
	
	#sliderHome1Ul li:nth-child(even) {
        clear: none;
        margin-left: 6%;
    }
    #sliderHome1Ul li {
        width: 47%;
    }
    #sliderHome1Ul li {
        margin-bottom: 20px;
    }
	#sliderHome1Ul li a img {
        width: 100%;
    }
	#contentPush .homeContentRightRealisations ul li {
		min-height: 290px;
	}	
}
/* ==========================================================
   CATÉGORIES V3 — H1 SEO + affichage mobile fiable
   Le style.css fourni par le client n'est pas modifié.
   ========================================================== */
#categorySeoTitle {
    margin: 0 0 10px;
    color: #000;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.12;
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    body.category {
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    body.category #primary,
    body.category #content,
    body.category #listMain {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 1px !important;
    }

    body.category #listMain {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        z-index: 1 !important;
        margin: 0 !important;
        padding: 15px 5% 30px !important;
        box-sizing: border-box !important;
    }

    body.category #listMain #listCenter {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 28px !important;
        padding: 0 !important;
    }

    body.category #listMain #listCenter > img,
    body.category #listMain #line-vertical-301 {
        display: none !important;
    }

    body.category #listMain #listCenter #listSidebarLeft {
        order: 1;
        float: none !important;
        position: static !important;
        width: 100% !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        text-align: left !important;
        font-size: 24px !important;
        line-height: 1.12 !important;
    }

    body.category #listMain #listCenter #listContentRight {
        order: 2;
        float: none !important;
        position: static !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    body.category #categorySeoTitle {
        margin: 0 0 12px !important;
        font-size: 22px !important;
        line-height: 1.15 !important;
    }

    body.category #listContentRightHeader,
    body.category #listContentRightHeader p {
        margin: 0 !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    body.category #listMain #listContentPush {
        position: static !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        right: auto !important;
    }

    body.category #listContentPush ul {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.category #listContentPush ul li,
    body.category #listContentPush ul li:nth-child(even),
    body.category #listContentPush ul li:nth-child(3n+1) {
        display: block !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        margin: 0 0 28px !important;
        padding: 0 !important;
    }

    body.category #listContentPush ul li img.crop {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }

    body.category #listContentPush ul li .titreSlide {
        width: 100% !important;
        height: auto !important;
        margin: 7px 0 0 !important;
        font-size: 21px !important;
        line-height: 1.12 !important;
    }

    body.category #listContentPush footer {
        margin-left: -5.2632% !important;
        width: 110.5264% !important;
    }
}


/* CATEGORY BOTTOM TEXT V6 */
@media screen and (max-width: 768px) {
    body.category .category-bottom-text {
        box-sizing: border-box !important;
        width: 100% !important;
        margin: 38px 0 28px !important;
        padding: 0 !important;
        color: #555 !important;
        font-family: 'Raleway', sans-serif !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
    body.category .category-bottom-text p {
        margin: 0 0 1.1em !important;
    }
}

/* ==========================================================
   CATÉGORIES V7 — ordre desktop + footer mobile plein écran
   ========================================================== */
@media screen and (min-width: 769px) {
    /* Les deux blocs historiques restent flottants à droite :
       le bloc éditorial est placé en premier dans le HTML pour rester à droite,
       puis le H2 vient naturellement se positionner à sa gauche. */
    body.category #listMain #listCenter #listContentRight {
        float: right !important;
    }

    body.category #listMain #listCenter #listSidebarLeft {
        float: right !important;
    }
}

@media screen and (max-width: 768px) {
    /* Sur mobile, on garde l'ordre visuel : H2, puis H1 et description. */
    body.category #listMain #listCenter #listSidebarLeft {
        order: 1 !important;
    }

    body.category #listMain #listCenter #listContentRight {
        order: 2 !important;
    }

    /* Le footer sort réellement du conteneur à 5 % et colle aux bords
       gauche, droit et bas du viewport. */
    body.category #listMain {
        padding-bottom: 0 !important;
    }

    body.category #listContentPush footer,
    body.category #colophon {
        position: relative !important;
        left: 50% !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 0 0 -50vw !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.category #footer_global_top,
    body.category #footer_global_bottom,
    body.category #footer_global {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.category #footer_global_bottom {
        margin-bottom: 0 !important;
    }
}


/* PROJETS V2.1 — PHOTOS À PLAT / MOBILE */
@media screen and (max-width: 768px) {
    .single-post .project-flat-gallery {
        width: auto;
        max-width: none;
        margin: 38px 5% 10px;
    }
    .single-post .project-flat-gallery__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}


/* ==========================================================
   RECETTE CLIENT MOBILE — pages 50, 51, 52, 54, 55, 57
   ========================================================== */
/* À la une presque plein écran avec image mobile dédiée. */
.home .home-featured-recipe .home-featured-single__image { position:relative!important; height:calc(100svh - 86px)!important; min-height:560px!important; overflow:hidden!important; }
.home .home-featured-recipe picture,
.home .home-featured-recipe picture img { width:100%!important; height:100%!important; object-fit:cover!important; }
.home .home-featured-overlay {
    position:absolute!important; left:5%!important; right:5%!important; bottom:7%!important;
    width:auto!important; text-align:left!important; color:#fff!important;
}
.home .home-featured-overlay__eyebrow { font-size:18px!important; margin-bottom:8px!important; }
.home .home-featured-overlay__title { font-size:43px!important; line-height:.98!important; }
.home .home-featured-overlay__button { margin-top:18px!important; font-size:17px!important; color:#fff!important; border-bottom-color:#fff!important; }
.home #homeMain { margin-top:0!important; padding-top:30px!important; }
.home #homeMain #contentCenter #homeContentRight { font-size:19px!important; line-height:1.48!important; }
.home #homeMain #homeContentRightHeader h2 { margin-top:14px!important; }
.home #homeMain #homeContentRightHeader h2 a { font-size:18px!important; }

/* Menu mobile plus facile à toucher. */
#global-menu-mobile li,
#global-menu-mobile a { font-size:18px!important; line-height:1.35!important; }
#global-menu-mobile li { margin-bottom:13px!important; }
#global-menu-mobile .follow-social-logo,
#global-menu-mobile .follow-social-logo-insta { display:inline-block!important; vertical-align:middle!important; margin:0 0 0 10px!important; }

/* Push mobile : rails tactiles + oblique/flèche visuelle à droite. */
.home .home-push-block { position:relative!important; }
.home .home-push-block::after {
    content:'→'; position:absolute; right:8px; top:54%; z-index:6;
    width:28px; height:76px; padding-left:8px;
    border-left:1px solid #cfcad3; transform:rotate(10deg);
    color:#aaa3b3; font:300 24px/76px 'Oswald',sans-serif;
    pointer-events:none;
}
.home #contentPush .homeContentRightRealisations:first-child { padding-top:52px!important; }

/* Zone basse mobile : marges et style desktop répercutés. */
.home .home-bottom-editorial { margin-top:56px!important; margin-bottom:42px!important; }
.home .home-bottom-editorial__inner { margin-bottom:0!important; }
.home .home-bottom-editorial__text { font-size:18px!important; line-height:1.55!important; }
.home .home-bottom-editorial__line { display:block!important; height:132px!important; top:8px!important; }

/* Footer mobile avec Instagram. */
.footer_menu_mobile .follow-social-logo-insta { display:block!important; margin-left:10px!important; }
.footer_menu_mobile .follow-social-logo-insta img { width:30px!important; height:30px!important; }

/* Catégorie : respiration sous le header et bloc éditorial pleine largeur. */
body.category #listMain { padding-top:42px!important; }
body.category #categorySeoTitle { font-size:16px!important; font-weight:600!important; text-transform:none!important; margin-bottom:8px!important; }
body.category .category-bottom-text {
    width:100vw!important; max-width:none!important; position:relative!important;
    left:50%!important; margin:50px 0 42px -50vw!important;
    padding:34px 5%!important; box-sizing:border-box!important;
    font-size:17px!important; line-height:1.6!important;
}

/* Contact : captcha sur une ligne. */
.page-template-page-templatescontact-php #form_contact .wpcf7-form-control-wrap { display:inline-block!important; vertical-align:top!important; }
.page-template-page-templatescontact-php #form_contact .wpcf7-captchac { display:inline-block!important; vertical-align:top!important; margin:0!important; }
.page-template-page-templatescontact-php #form_contact .wpcf7-captchar { display:inline-block!important; width:62%!important; margin:0!important; vertical-align:top!important; }


/* RECETTE CLIENT V1.1 — CTA À LA UNE mobile */
@media screen and (max-width:768px) {
    .home .home-featured-overlay__button {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin-top: 20px !important;
        padding: 12px 15px 11px !important;
        border: 1px solid #fff !important;
        color: #fff !important;
        font-size: 18px !important;
    }
}


/* RECETTE CLIENT V1.2 — oblique éditoriale mobile */
@media screen and (max-width:768px) {
    .home .home-bottom-editorial__line {
        display:block !important;
        top:-4px !important;
        height:180px !important;
        background:#c5c0ca !important;
    }
}


/* PROJETS V2.2 — photos à plat dans la colonne centrale / mobile */
@media screen and (max-width: 768px) {
    .single-post #projectCenter .project-flat-gallery {
        width: 100% !important;
        max-width: none !important;
        margin: 34px 0 0 !important;
        padding: 0 !important;
    }

    .single-post #projectCenter .project-flat-gallery__item {
        width: 100% !important;
        margin: 0 0 16px !important;
    }

    .single-post #projectCenter .project-flat-gallery__item img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
}


/* PROJETS V2.3 — galerie pleine largeur sous les trois colonnes / mobile */
@media screen and (max-width: 768px) {
    .single-post .project-flat-gallery--full {
        box-sizing: border-box;
        width: auto !important;
        max-width: none !important;
        margin: 38px 5% 18px !important;
        padding: 0 !important;
    }
    .single-post .project-flat-gallery--full .project-flat-gallery__item {
        width: 100% !important;
        margin: 0 0 16px !important;
    }
    .single-post .project-flat-gallery--full .project-flat-gallery__item img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
}

/* RECETTE CLIENT V1.7 — CTA HOME mobile garanti */
@media screen and (max-width:768px) {
    .home .home-featured-recipe .home-featured-overlay {
        bottom: 13% !important;
        padding-bottom: 68px !important;
    }
    .home .home-featured-recipe > .home-featured-single__image > .home-featured-overlay__button {
        position: absolute !important;
        left: 5% !important;
        right: auto !important;
        bottom: 4% !important;
        z-index: 50 !important;
        display: inline-flex !important;
        margin: 0 !important;
        padding: 13px 17px 12px !important;
        font-size: 18px !important;
        color: #fff !important;
        border: 1px solid #fff !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ==========================================================
   RECETTE CONSOLIDÉE MOBILE — 11 AOÛT 2026
   ========================================================== */
@media screen and (max-width: 768px) {
    /* HOME : le visuel à la une occupe à lui seul toute la hauteur de l'écran. */
    .home .home-featured-recipe .home-featured-single__image {
        height: 100vh !important;
        height: 100svh !important;
        min-height: 100vh !important;
        min-height: 100svh !important;
    }
    .home .home-featured-recipe .home-featured-overlay {
        left: 5% !important;
        right: 5% !important;
        bottom: 6% !important;
        width: 90% !important;
        padding: 0 !important;
        text-align: left !important;
    }
    .home .home-featured-recipe .home-featured-overlay__eyebrow {
        font-size: 19px !important;
        margin-bottom: 10px !important;
    }
    .home .home-featured-recipe .home-featured-overlay__title {
        font-size: clamp(42px, 12.2vw, 56px) !important;
        line-height: .95 !important;
    }
    .home .home-featured-recipe .home-featured-overlay .home-featured-overlay__button {
        position: static !important;
        display: inline-flex !important;
        margin: 22px 0 0 !important;
        padding: 13px 17px 12px !important;
        font-size: 19px !important;
    }

    /* Une agence pour vous : même présence que le H2 éditorial du bas. */
    .home #homeMain {
        padding-top: 34px !important;
    }
    .home #homeMain #contentCenter #homeSidebarLeft,
    .home .home-bottom-editorial__title {
        font-size: 28px !important;
        line-height: 1.08 !important;
    }
    .home #homeMain #contentCenter #homeContentRight,
    .home #homeMain #contentCenter #homeContentRight h1,
    .home #homeMain #contentCenter #homeContentRight h3 {
        font-size: 19px !important;
        line-height: 1.52 !important;
    }
    .home #homeMain #homeContentRightHeader h2 {
        margin-top: 20px !important;
    }
    .home #homeMain #homeContentRightHeader h2 a {
        font-size: 20px !important;
    }

    /* Zone éditoriale basse : davantage d'air avant et après. */
    .home .home-bottom-editorial {
        margin-top: 82px !important;
        margin-bottom: 64px !important;
    }
    .home .home-bottom-editorial__line {
        display: block !important;
        top: -8px !important;
        height: 220px !important;
    }
    .home .home-bottom-editorial__text {
        font-size: 18px !important;
        line-height: 1.62 !important;
    }

    /* Footer : Archives reste sur la ligne du copyright et Instagram visible. */
    .footer_copyright .footer-archives-link {
        color: inherit !important;
        white-space: nowrap;
    }

    /* Catégories : respiration sous le header + H1 plus gras. */
    body.category #listMain {
        padding-top: 64px !important;
    }
    body.category #categorySeoTitle {
        font-weight: 800 !important;
    }
    body.category .category-bottom-editorial {
        left: 0 !important;
        width: 100% !important;
        margin: 68px 0 54px !important;
    }
    body.category .category-bottom-editorial__inner {
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 30px 5% 0 !important;
        display: block !important;
    }
    body.category .category-bottom-editorial__line {
        display: none !important;
    }
    body.category .category-bottom-editorial__title {
        margin-bottom: 22px !important;
        font-size: 28px !important;
        line-height: 1.08 !important;
    }
    body.category .category-bottom-editorial__text {
        font-size: 17px !important;
        line-height: 1.62 !important;
    }

    /* Projet : accordéons mobiles propres, sans puce ni UI Tabs cassée. */
    .single-post .project-mobile-tabs {
        clear: both;
        width: 100%;
        margin: 8px 0 30px;
    }
    .single-post .project-mobile-tab {
        border-top: 1px solid #dbd8e3;
    }
    .single-post .project-mobile-tab:last-child {
        border-bottom: 1px solid #dbd8e3;
    }
    .single-post .project-mobile-tab__button {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 48px;
        margin: 0;
        padding: 12px 34px 12px 0;
        border: 0;
        background: transparent;
        color: #000;
        text-align: left;
        cursor: pointer;
        font-family: 'Oswald', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2;
        text-transform: uppercase;
    }
    .single-post .project-mobile-tab__chevron {
        position: absolute;
        right: 4px;
        top: 50%;
        width: 9px;
        height: 9px;
        margin-top: -6px;
        border-right: 1px solid #8f8994;
        border-bottom: 1px solid #8f8994;
        transform: rotate(45deg);
        transition: transform .2s ease;
    }
    .single-post .project-mobile-tab.is-open .project-mobile-tab__chevron {
        transform: rotate(225deg);
        margin-top: -2px;
    }
    .single-post .project-mobile-tab__panel {
        padding: 2px 0 20px;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        line-height: 1.55;
        color: #000;
    }
    .single-post .project-mobile-tab__panel p {
        margin: 0 0 1.15em;
    }

    /* Projet : galerie et push dégagés du footer. */
    .single-post .project-flat-gallery--full {
        width: 90% !important;
        max-width: none !important;
        margin: 48px 5% 28px !important;
    }
    .single-post #contentPush.pushSingle {
        position: relative !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        min-height: 310px !important;
        margin: 24px 0 86px !important;
        padding-bottom: 32px !important;
        overflow: visible !important;
    }
    .single-post #contentPush.pushSingle .homeContentRightRealisations {
        float: none !important;
        clear: both !important;
        min-height: 250px !important;
    }
    .single-post footer {
        position: relative !important;
        clear: both !important;
    }

    /* Contact : captcha et champ alignés proprement. */
    .page-template-page-templatescontact-php #form_contact .wpcf7-captchac {
        display: inline-block !important;
        width: auto !important;
        max-width: 30% !important;
        height: 36px !important;
        margin: 0 !important;
        vertical-align: middle !important;
        object-fit: contain;
    }
    .page-template-page-templatescontact-php #form_contact .wpcf7-captchar {
        display: inline-block !important;
        width: 64% !important;
        height: 36px !important;
        margin: 0 0 0 2% !important;
        vertical-align: middle !important;
    }
}

/* ==========================================================
   RECETTE V1.9 — mobile, règles finales prioritaires
   ========================================================== */
@media screen and (max-width: 768px) {
    /* HOME : le hero, y compris l'image, remplit réellement l'écran. */
    .home #caroussel.home-featured-recipe,
    .home .home-featured-recipe .home-featured-single__image,
    .home .home-featured-recipe picture,
    .home .home-featured-recipe picture img,
    .home .home-featured-recipe .home-featured-single__image > img {
        width: 100% !important;
        height: 100vh !important;
        height: 100svh !important;
        min-height: 100vh !important;
        min-height: 100svh !important;
        max-height: none !important;
    }
    .home .home-featured-recipe picture img,
    .home .home-featured-recipe .home-featured-single__image > img {
        object-fit: cover !important;
        object-position: center center !important;
    }
    .home .home-featured-recipe .home-featured-overlay {
        left: 5% !important;
        right: 5% !important;
        bottom: 6% !important;
        width: 90% !important;
        max-width: none !important;
        text-align: left !important;
    }
    .home .home-featured-recipe .home-featured-overlay__title {
        font-size: clamp(40px, 11.5vw, 56px) !important;
        line-height: .95 !important;
    }
    .home .home-featured-recipe .home-featured-overlay__button {
        margin: 20px 0 0 !important;
        padding: 12px 15px 11px !important;
        font-size: 18px !important;
    }

    /* Intro Home : mêmes marges et même présence que le titre éditorial bas. */
    .home #homeMain #contentCenter {
        padding: 0 5% !important;
    }
    .home #homeMain #contentCenter #homeSidebarLeft,
    .home .home-bottom-editorial__title {
        font-size: 28px !important;
        line-height: 1.08 !important;
    }
    .home #homeMain #contentCenter #homeContentRight {
        font-size: 19px !important;
        line-height: 1.52 !important;
    }
    .home #homeMain #contentCenter #homeContentRight h1,
    .home #homeMain #contentCenter #homeContentRight h3 {
        font-size: inherit !important;
        line-height: inherit !important;
    }

    /* Zone basse Home : vraies respirations avant et après. */
    .home .home-bottom-editorial {
        margin-top: 86px !important;
        margin-bottom: 70px !important;
    }

    /* Catégories : titre éloigné du header et H1 éditorial lisible. */
    body.category #listMain {
        padding-top: 72px !important;
    }
    body.category #categorySeoTitle {
        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 1.28 !important;
        text-transform: none !important;
    }

    /* Projet mobile : on neutralise les anciennes listes/UI tabs qui créent la puce. */
    .single-post .tabs_desktop {
        display: none !important;
    }
    .single-post .project-mobile-tabs,
    .single-post .project-mobile-tabs ul,
    .single-post .project-mobile-tabs li,
    .single-post .project-mobile-tab {
        list-style: none !important;
    }
    .single-post .project-mobile-tab::before,
    .single-post .project-mobile-tab__button::before {
        content: none !important;
        display: none !important;
    }
    .single-post .project-mobile-tab__button {
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 36px !important;
    }

    /* Galerie + push entièrement visibles avant le footer. */
    .single-post .project-flat-gallery--full {
        width: 90% !important;
        max-width: none !important;
        margin: 50px 5% 34px !important;
    }
    .single-post #contentPush.pushSingle {
        height: auto !important;
        min-height: 340px !important;
        margin: 30px 0 100px !important;
        padding-bottom: 46px !important;
        overflow: visible !important;
    }
    .single-post #contentPush.pushSingle .homeContentRightRealisations,
    .single-post #contentPush.pushSingle .carousselHomeHidden,
    .single-post #contentPush.pushSingle #carousselHome1 {
        height: auto !important;
        min-height: 260px !important;
        overflow: visible !important;
    }
    .single-post #contentPush.pushSingle + footer,
    .single-post footer {
        clear: both !important;
        position: relative !important;
    }

    /* Conserve la correction validée par le client. */
    body.category #listContentPush {
        padding: 15px 5% 30px !important;
    }
}

/* ==========================================================
   HOME V2.0 — hero mobile plein écran + CTA indépendant
   ========================================================== */
@media screen and (max-width: 768px) {
    .home #caroussel.home-featured-recipe,
    .home .home-featured-recipe .home-featured-single__image,
    .home .home-featured-recipe picture,
    .home .home-featured-recipe picture img,
    .home .home-featured-recipe .home-featured-single__image > img {
        height: 100vh !important;
        height: 100svh !important;
        min-height: 100vh !important;
        min-height: 100svh !important;
        max-height: none !important;
    }
    .home .home-featured-recipe .home-featured-overlay {
        left: 5% !important;
        right: 5% !important;
        bottom: 15% !important;
        width: 90% !important;
        padding: 0 !important;
        overflow: visible !important;
        text-align: left !important;
    }
    .home .home-featured-recipe .home-featured-overlay__title {
        font-size: clamp(38px, 11vw, 54px) !important;
        line-height: .94 !important;
    }
    .home .home-featured-recipe > .home-featured-single__image > .home-featured-overlay__button {
        position: absolute !important;
        left: 5% !important;
        right: auto !important;
        bottom: 5% !important;
        z-index: 50 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 12px 15px 11px !important;
        border: 1px solid #fff !important;
        background: rgba(0,0,0,.16) !important;
        color: #fff !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }
}

/* ==========================================================
   RECETTE V2.1 — mobile : viewport réel + sliders tactiles sans flèches
   ========================================================== */
@media screen and (max-width: 768px) {
    /* Home : header + hero = hauteur réellement visible du navigateur. */
    .home #caroussel.home-featured-recipe,
    .home .home-featured-recipe .home-featured-single__image,
    .home .home-featured-recipe picture,
    .home .home-featured-recipe picture img,
    .home .home-featured-recipe .home-featured-single__image > img {
        height: calc(100dvh - 86px) !important;
        min-height: calc(100dvh - 86px) !important;
        max-height: calc(100dvh - 86px) !important;
    }
    @supports not (height: 100dvh) {
        .home #caroussel.home-featured-recipe,
        .home .home-featured-recipe .home-featured-single__image,
        .home .home-featured-recipe picture,
        .home .home-featured-recipe picture img,
        .home .home-featured-recipe .home-featured-single__image > img {
            height: calc(100vh - 86px) !important;
            min-height: calc(100vh - 86px) !important;
            max-height: calc(100vh - 86px) !important;
        }
    }
    .home .home-featured-recipe .home-featured-overlay { bottom: 15% !important; }
    .home .home-featured-recipe > .home-featured-single__image > .home-featured-overlay__button { bottom: 3.5% !important; }

    /* Zéro flèche/chevron sur les push Home et Projet. */
    .home .home-push-block::after { content: none !important; display: none !important; }
    .home #contentPush .anythingSlider .arrow,
    .home #contentPush .anythingSlider .back,
    .home #contentPush .anythingSlider .forward,
    .single-post #contentPush .anythingSlider .arrow,
    .single-post #contentPush .anythingSlider .back,
    .single-post #contentPush .anythingSlider .forward,
    .home #contentPush .anythingControls,
    .single-post #contentPush .anythingControls { display: none !important; }

    /* Les listes deviennent des rails natifs : swipe horizontal au doigt. */
    .home #contentPush .carousselHomeHidden,
    .single-post #contentPush.pushSingle .carousselHomeHidden {
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        touch-action: pan-x !important;
    }
    .home #contentPush .carousselHomeHidden::-webkit-scrollbar,
    .single-post #contentPush.pushSingle .carousselHomeHidden::-webkit-scrollbar { display: none !important; }
    .home #contentPush .home-push-carousel,
    .single-post #contentPush.pushSingle #carousselHome1,
    .home #contentPush .anythingSlider,
    .home #contentPush .anythingWindow,
    .single-post #contentPush .anythingSlider,
    .single-post #contentPush .anythingWindow {
        width: max-content !important;
        max-width: none !important;
        height: auto !important;
        overflow: visible !important;
    }
    .home #contentPush ul.home-push-slider,
    .single-post #contentPush #sliderHome1Ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        width: max-content !important;
        height: auto !important;
        transform: none !important;
        left: auto !important;
        position: relative !important;
        padding-right: 5vw !important;
    }
    .home #contentPush ul.home-push-slider > li,
    .single-post #contentPush #sliderHome1Ul > li {
        float: none !important;
        flex: 0 0 72vw !important;
        width: 72vw !important;
        margin: 0 !important;
    }
}

/* ==========================================================
   RECETTE V2.2 — rails tactiles propres + respirations Home
   ========================================================== */
@media screen and (max-width: 768px) {
    /* Home : neutraliser le style Bootstrap .panel appliqué par AnythingSlider. */
    .home #contentPush .home-push-carousel .panel,
    .home #contentPush .home-push-carousel ul.anythingBase > li.panel,
    .home #contentPush .home-push-carousel ul.home-push-slider > li {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        margin-bottom: 0 !important;
    }

    /* Home : aucun chevron, même si une ancienne règle ou AnythingSlider en recrée un. */
    .home #contentPush .arrow,
    .home #contentPush .back,
    .home #contentPush .forward,
    .home #contentPush .anythingControls,
    .home .home-push-block::after {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        content: none !important;
    }

    /* Projet : vrai rail natif au doigt, sans AnythingSlider ni flèche. */
    .single-post #contentPush.pushSingle {
        overflow: visible !important;
        min-height: 0 !important;
        height: auto !important;
        margin-bottom: 110px !important;
        padding-bottom: 0 !important;
    }
    .single-post #contentPush.pushSingle .homeContentRightRealisations {
        min-height: 0 !important;
        height: auto !important;
    }
    .single-post #contentPush.pushSingle .carousselHomeHidden {
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        touch-action: pan-x pan-y !important;
        padding: 0 0 8px !important;
    }
    .single-post #contentPush.pushSingle .carousselHomeHidden::-webkit-scrollbar {
        display: none !important;
    }
    .single-post #contentPush.pushSingle #carousselHome1 {
        width: max-content !important;
        max-width: none !important;
        height: auto !important;
        overflow: visible !important;
    }
    .single-post #contentPush.pushSingle #sliderHome1Ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        width: max-content !important;
        height: auto !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 5vw 0 5vw !important;
        list-style: none !important;
    }
    .single-post #contentPush.pushSingle #sliderHome1Ul > li {
        float: none !important;
        flex: 0 0 72vw !important;
        width: 72vw !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
    .single-post #contentPush.pushSingle .arrow,
    .single-post #contentPush.pushSingle .back,
    .single-post #contentPush.pushSingle .forward,
    .single-post #contentPush.pushSingle .anythingControls,
    .single-post #contentPush.pushSingle .anythingSlider {
        /* Le wrapper ne doit jamais recréer une UI de slider sur mobile. */
    }
    .single-post #contentPush.pushSingle .arrow,
    .single-post #contentPush.pushSingle .back,
    .single-post #contentPush.pushSingle .forward,
    .single-post #contentPush.pushSingle .anythingControls {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    /* Home : vraie respiration entre le dernier push et le bloc éditorial. */
    .home #contentPush {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .home .home-bottom-editorial {
        margin-top: 105px !important;
        margin-bottom: 0 !important;
        padding-bottom: 100px !important;
    }

    /* Empêche la marge de fin du dernier paragraphe de se faire absorber. */
    .home .home-bottom-editorial__text > :last-child,
    .home .home-bottom-editorial__text p:last-child {
        margin-bottom: 0 !important;
    }

    /* Le footer commence après la respiration, sans recouvrir le contenu. */
    .home footer,
    .home #footer_global_top,
    .home #footer_global_bottom {
        clear: both !important;
        position: relative !important;
    }
}

/* ==========================================================
   RECETTE V2.3 — footer mobile en flux + slider projet sans barre
   ========================================================== */
@media screen and (max-width: 768px) {
    /* HOME : le footer reste strictement après le bloc éditorial. */
    body.home .home-bottom-editorial {
        display: flow-root !important;
        clear: both !important;
        margin-bottom: 90px !important;
        padding-bottom: 0 !important;
    }
    body.home .home-bottom-editorial::after {
        content: "" !important;
        display: block !important;
        clear: both !important;
        height: 1px !important;
    }

    /* HOME + PROJET : footer toujours dans le flux, jamais superposé. */
    body.home footer#colophon,
    body.home footer.site-footer,
    body.single-post footer#colophon,
    body.single-post footer.site-footer {
        position: static !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        clear: both !important;
        float: none !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }
    body.home #footer_global_top,
    body.single-post #footer_global_top {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body.home #footer_global_bottom,
    body.single-post #footer_global_bottom,
    body.home #footer_global,
    body.single-post #footer_global {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
    body.home #footer_global,
    body.single-post #footer_global {
        padding: 34px 5% 24px !important;
    }
    body.home .footer_menu_mobile,
    body.single-post .footer_menu_mobile {
        position: static !important;
        transform: none !important;
        float: none !important;
    }
    body.home .footer_menu_mobile .follow-social-logo,
    body.home .footer_menu_mobile .follow-social-logo-insta,
    body.single-post .footer_menu_mobile .follow-social-logo,
    body.single-post .footer_menu_mobile .follow-social-logo-insta {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
    }

    /* PROJET : rail tactile propre, sans ancienne oblique/barre de slider. */
    body.single-post #contentPush.pushSingle .line-vertical-312,
    body.single-post #contentPush.pushSingle [class^="line-vertical-"],
    body.single-post #contentPush.pushSingle [class*=" line-vertical-"] {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        background: none !important;
    }
    body.single-post #contentPush.pushSingle .carousselHomeHidden,
    body.single-post #contentPush.pushSingle #carousselHome1,
    body.single-post #contentPush.pushSingle #sliderHome1Ul,
    body.single-post #contentPush.pushSingle #sliderHome1Ul > li,
    body.single-post #contentPush.pushSingle .anythingSlider,
    body.single-post #contentPush.pushSingle .anythingWindow,
    body.single-post #contentPush.pushSingle .panel {
        border: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        background-image: none !important;
    }
    body.single-post #contentPush.pushSingle .anythingSlider,
    body.single-post #contentPush.pushSingle .anythingWindow {
        background: transparent !important;
    }
    body.single-post #contentPush.pushSingle {
        margin-bottom: 80px !important;
        padding-bottom: 0 !important;
    }
}

/* ==========================================================
   RECETTE V2.4 — push Projet mobile : marges latérales + écart items
   ========================================================== */
@media screen and (max-width: 768px) {
    /* Aligne le titre du push sur la marge mobile du site. */
    .single-post #contentPush.pushSingle .contentPushTitleAbso {
        box-sizing: border-box !important;
        width: 100% !important;
        left: 0 !important;
        right: auto !important;
        padding-left: 5vw !important;
        padding-right: 5vw !important;
    }

    /* Le rail conserve une vraie marge au début et à la fin. */
    .single-post #contentPush.pushSingle #sliderHome1Ul {
        gap: 0 !important;
        padding: 0 5vw !important;
    }

    /* Espace visible entre deux projets sans remettre de cadre. */
    .single-post #contentPush.pushSingle #sliderHome1Ul > li {
        margin: 0 20px 0 0 !important;
    }
    .single-post #contentPush.pushSingle #sliderHome1Ul > li:last-child {
        margin-right: 0 !important;
    }
}

/* RECETTE V2.5 — harmonisation Home mobile + respirations */
@media screen and (max-width: 768px) {
  body.home #homeMain #contentCenter #homeContentRight,
  body.home #homeMain #contentCenter #homeContentRight h1,
  body.home #homeMain #contentCenter #homeContentRight h3,
  body.home .home-bottom-editorial__text {
    font-family: 'Raleway', sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 1.62 !important;
    color: #77727a !important;
  }
  body.home #homeMain #contentCenter #homeSidebarLeft,
  body.home .home-bottom-editorial__title {
    font-family: 'Oswald', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
  }
  body.home .home-bottom-editorial {
    margin-top: 110px !important;
    margin-bottom: 100px !important;
    padding-bottom: 0 !important;
  }
}

/* ==========================================================
   RECETTE V2.6 — Projet mobile : texte aligné sur les photos
   ========================================================== */
@media screen and (max-width: 768px) {
    body.single-post #projectMain #projectCenter,
    body.single-post #projectMain #sidebar-right-bottom {
        box-sizing: border-box !important;
        width: 90% !important;
        margin-left: 5% !important;
        margin-right: 5% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.single-post #projectMain #projectCenter #tabs,
    body.single-post #projectMain #projectCenter #tabs .ui-tabs-panel,
    body.single-post #projectMain #projectCenter #tabs.ui-tabs p,
    body.single-post #projectMain #projectCenter #tabs p {
        box-sizing: border-box !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ==========================================================
   LOT AGENT 17/09/2026 — mobile
   ========================================================== */
@media screen and (max-width:768px) {
    /* Catégories : vraie respiration blanche sous le header, comme les autres gabarits. */
    body.category #listMain { padding-top: 92px !important; }
    body.category #listMain #listCenter { margin-top:0 !important; padding-top:0 !important; }
    body.category #categorySeoTitle {
        font-size:24px !important; line-height:1.12 !important;
    }

    /* Home : textes éditoriaux harmonisés aussi sur mobile. */
    body.home #homeMain #contentCenter #homeContentRight,
    body.home #homeMain #contentCenter #homeContentRight h1,
    body.home #homeMain #contentCenter #homeContentRight h3,
    body.home .home-bottom-editorial__text {
        font-family:'Raleway',sans-serif !important; font-size:22px !important; font-weight:200 !important; line-height:30px !important;
    }
    body.home .home-bottom-editorial { margin-top:135px !important; }

    /* Catégorie bas : même typo/rythme que Home ; l'oblique reste masquée sur petit écran pour préserver la lisibilité. */
    body.category .category-bottom-editorial__text {
        font-family:'Raleway',sans-serif !important; font-size:22px !important; font-weight:200 !important; line-height:30px !important;
    }

    /* Push bas Projet : même respiration entre cartes que les sliders Home. */
    body.single-post #contentPush.pushSingle #sliderHome1Ul {
        gap:20px !important; padding-left:5vw !important; padding-right:5vw !important;
    }
    body.single-post #contentPush.pushSingle #sliderHome1Ul > li { margin:0 !important; }
}

/* LOT AGENT 17/09/2026 — passe 5 : respiration sous le header des projets mobile. */
@media screen and (max-width:768px) {
    body.single-post #projectMain {
        box-sizing: border-box !important;
        padding-top: 92px !important;
    }
}

/* ==========================================================
   LOT AGENT 17/09/2026 — passe 6 mobile
   - Projet : vraie respiration avant l'image sous le header fixe
   - Menu : tous les niveaux sur le même axe horizontal
   ========================================================== */
@media screen and (max-width:768px) {
    body.single-post header#headerGlobal {
        background:#fff !important;
    }
    body.single-post #main-content.main-content {
        top:0 !important;
        padding-top:100px !important;
    }
    body.single-post #projectMain {
        padding-top:0 !important;
    }

    #primary-navigation ul#menu {
        box-sizing:border-box !important;
        margin-left:40px !important;
        padding-left:0 !important;
    }
    #primary-navigation ul#menu > li,
    #primary-navigation ul#menu > li.menuItem,
    #primary-navigation ul#menu > li.follow-social {
        margin-left:0 !important;
        padding-left:0 !important;
        text-align:left !important;
    }
    #primary-navigation #menu_1 .submenu,
    #primary-navigation #menu_1 .inlineSubMenu,
    #primary-navigation #menu_1 .inlineSubMenu > div,
    #primary-navigation #menu_1 .inlineSubMenu ul {
        margin-left:0 !important;
        padding-left:0 !important;
    }
    #primary-navigation .follow-social-logo,
    #primary-navigation .follow-social-logo-insta {
        margin-left:0 !important;
        padding-left:0 !important;
        clear:none !important;
    }
    #primary-navigation .follow-social-logo-insta {
        margin-left:10px !important;
    }
}

/* ==========================================================
   RECETTE 22/09/2026 — lot retours mobile
   ========================================================== */
@media screen and (max-width:768px) {
    /* Catégories : suppression du grand blanc scrollable au premier affichage. */
    body.category #main-content.main-content,
    body.category #primary,
    body.category #content,
    body.category #listMain {
        top: 0 !important;
        min-height: 0 !important;
    }
    body.category #listMain {
        padding-top: 20px !important;
        margin-top: 0 !important;
    }
    body.category #listMain #listCenter {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Projet : hero mobile immersif et stable pendant le scroll.
       100svh est volontairement utilisé plutôt que vh/dvh : la hauteur ne suit pas
       l'ouverture/fermeture de la barre du navigateur et évite les sauts. */
    body.single-post #main-content.main-content {
        box-sizing: border-box !important;
        padding-top: 86px !important;
    }
    body.single-post #project_image {
        position: relative !important;
        width: 100% !important;
        height: calc(100svh - 100px) !important;
        min-height: 520px !important;
        max-height: 900px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        contain: layout paint !important;
    }
    body.single-post #project_image > img.project-main-image {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    /* Slider de catégorie en bas du projet : espacement mobile identique aux rails Home. */
    body.single-post #contentPush.pushSingle #sliderHome1Ul {
        display: flex !important;
        column-gap: 20px !important;
        gap: 20px !important;
        padding-left: 5vw !important;
        padding-right: 5vw !important;
        box-sizing: border-box !important;
    }
    body.single-post #contentPush.pushSingle #sliderHome1Ul > li {
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex: 0 0 auto !important;
    }
}

/* ==========================================================
   RECETTE 2026-09-22 V2 — HOME MOBILE STABLE
   Le viewport dynamique (dvh) varie quand les barres du navigateur
   apparaissent/disparaissent et faisait sauter le hero + son titre.
   ========================================================== */
@media screen and (max-width: 768px) {
    .home #caroussel.home-featured-recipe,
    .home .home-featured-recipe .home-featured-single__image,
    .home .home-featured-recipe picture,
    .home .home-featured-recipe picture img,
    .home .home-featured-recipe .home-featured-single__image > img {
        height: calc(100svh - 86px) !important;
        min-height: calc(100svh - 86px) !important;
        max-height: calc(100svh - 86px) !important;
    }
    @supports not (height: 100svh) {
        .home #caroussel.home-featured-recipe,
        .home .home-featured-recipe .home-featured-single__image,
        .home .home-featured-recipe picture,
        .home .home-featured-recipe picture img,
        .home .home-featured-recipe .home-featured-single__image > img {
            height: calc(100vh - 86px) !important;
            min-height: calc(100vh - 86px) !important;
            max-height: calc(100vh - 86px) !important;
        }
    }
    .home .home-featured-recipe .home-featured-single__image {
        position: relative !important;
        overflow: hidden !important;
    }
    .home .home-featured-recipe .home-featured-overlay {
        top: auto !important;
        bottom: 18% !important;
        transform: none !important;
    }
}


/* ==========================================================
   RECETTE 22/09/2026 V4 — corrections à la source
   ========================================================== */
@media screen and (max-width:768px) {
    /* HOME : hauteur figée en pixels par le JS au premier rendu seulement. */
    body.home #caroussel.home-featured-recipe,
    body.home #caroussel.home-featured-recipe > .home-featured-single__image,
    body.home #caroussel.home-featured-recipe > .home-featured-single__image > picture {
        height: var(--home-hero-fixed-height, 620px) !important;
        min-height: var(--home-hero-fixed-height, 620px) !important;
        max-height: var(--home-hero-fixed-height, 620px) !important;
    }
    body.home #caroussel.home-featured-recipe {
        position: relative !important;
        width: 100% !important;
        overflow: hidden !important;
    }
    body.home #caroussel.home-featured-recipe > .home-featured-single__image,
    body.home #caroussel.home-featured-recipe > .home-featured-single__image > picture {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        overflow: hidden !important;
    }
    body.home #caroussel.home-featured-recipe > .home-featured-single__image > picture > img {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        transform: none !important;
    }
    body.home #caroussel.home-featured-recipe .home-featured-overlay {
        position: absolute !important;
        left: 5% !important;
        right: 5% !important;
        top: auto !important;
        bottom: 15% !important;
        width: 90% !important;
        z-index: 30 !important;
        transform: none !important;
    }

    /* CATÉGORIES : le header fait 80px. Le contenu commence juste dessous,
       sans le top:100px historique + padding cumulés qui créaient le grand blanc. */
    body.category .site-main,
    body.category #main-content.main-content {
        position: relative !important;
        top: 0 !important;
        padding-top: 80px !important;
    }
    body.category #primary,
    body.category #content,
    body.category #listMain {
        top: 0 !important;
        margin-top: 0 !important;
        min-height: 0 !important;
    }
    body.category #listMain {
        padding-top: 15px !important;
    }
    body.category #listMain #listCenter {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* ==========================================================
   RECETTE 22/09/2026 V5 — verrouillage final Home + rail Projet
   ========================================================== */
@media screen and (max-width:768px) {
    /* HOME : le cadre est figé par JS en pixels. Le CSS ne dépend plus du viewport
       dynamique et aucun parent ne peut retailler le visuel pendant le scroll. */
    body.home #caroussel.home-featured-recipe {
        position: relative !important;
        overflow: hidden !important;
        contain: layout paint !important;
    }
    body.home #caroussel.home-featured-recipe > .home-featured-single__image,
    body.home #caroussel.home-featured-recipe picture {
        position: relative !important;
        display: block !important;
        overflow: hidden !important;
    }
    body.home #caroussel.home-featured-recipe picture img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        transform: none !important;
    }
    body.home #caroussel.home-featured-recipe .home-featured-overlay {
        position: absolute !important;
        left: 5vw !important;
        right: 5vw !important;
        top: auto !important;
        bottom: 72px !important;
        width: auto !important;
        margin: 0 !important;
        transform: none !important;
        z-index: 50 !important;
    }

    /* PROJET : l'espace appartient à chaque slide, pas au gap du rail/plugin. */
    body.single-post #contentPush.pushSingle #sliderHome1Ul {
        display: flex !important;
        gap: 0 !important;
        padding: 0 5vw !important;
        box-sizing: border-box !important;
    }
    body.single-post #contentPush.pushSingle #sliderHome1Ul > li {
        flex: 0 0 85vw !important;
        width: 85vw !important;
        margin: 0 20px 0 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    body.single-post #contentPush.pushSingle #sliderHome1Ul > li:last-child {
        margin-right: 0 !important;
    }
    body.single-post #contentPush.pushSingle #sliderHome1Ul > li img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
}


/* ==========================================================
   AGENT V6 — PROJET MOBILE : espace visuel garanti entre vignettes
   ========================================================== */
@media screen and (max-width:768px) {
    body.single-post #contentPush.pushSingle #sliderHome1Ul {
        display: flex !important;
        gap: 0 !important;
        padding: 0 5vw !important;
        box-sizing: border-box !important;
    }
    body.single-post #contentPush.pushSingle #sliderHome1Ul > li {
        flex: 0 0 85vw !important;
        width: 85vw !important;
        margin: 0 !important;
        padding: 0 20px 0 0 !important;
        box-sizing: border-box !important;
    }
    body.single-post #contentPush.pushSingle #sliderHome1Ul > li:last-child {
        padding-right: 0 !important;
    }
    body.single-post #contentPush.pushSingle #sliderHome1Ul > li img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
}

/* ==========================================================
   AGENT 23/09/2026 — pages Archives / Tous nos projets mobile
   ========================================================== */
@media screen and (max-width:768px) {
    /* Ces deux pages sont des pages WordPress, pas des archives category.
       On leur applique explicitement la géométrie mobile validée des catégories. */
    body.page-id-2795,
    body.page-id-4904 {
        overflow-x:hidden !important;
        overflow-y:auto !important;
    }

    body.page-id-2795 .site-main,
    body.page-id-4904 .site-main,
    body.page-id-2795 #main-content.main-content,
    body.page-id-4904 #main-content.main-content {
        position:relative !important;
        top:0 !important;
        padding-top:80px !important;
        min-height:0 !important;
        height:auto !important;
    }

    body.page-id-2795 #primary,
    body.page-id-2795 #content,
    body.page-id-2795 #listMain,
    body.page-id-4904 #primary,
    body.page-id-4904 #content,
    body.page-id-4904 #listMain {
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
        position:relative !important;
        top:0 !important;
        left:auto !important;
        right:auto !important;
        width:100% !important;
        height:auto !important;
        min-height:1px !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }

    body.page-id-2795 #listMain,
    body.page-id-4904 #listMain {
        padding:15px 5% 0 !important;
    }

    body.page-id-2795 #listMain #listCenter,
    body.page-id-4904 #listMain #listCenter {
        display:flex !important;
        flex-direction:column !important;
        position:relative !important;
        width:100% !important;
        height:auto !important;
        margin:0 0 28px !important;
        padding:0 !important;
    }

    body.page-id-2795 #listMain #line-vertical-301,
    body.page-id-4904 #listMain #line-vertical-301,
    body.page-id-4904 #listMain #listCenter > img {
        display:none !important;
    }

    body.page-id-2795 #listMain #listCenter #listSidebarLeft,
    body.page-id-4904 #listMain #listCenter #listSidebarLeft {
        order:1 !important;
        display:block !important;
        float:none !important;
        position:static !important;
        width:100% !important;
        height:auto !important;
        margin:0 0 14px !important;
        padding:0 !important;
        text-align:left !important;
        font-size:24px !important;
        line-height:1.12 !important;
    }

    body.page-id-2795 #listMain #listCenter #listContentRight,
    body.page-id-4904 #listMain #listCenter #listContentRight {
        order:2 !important;
        display:block !important;
        float:none !important;
        position:static !important;
        width:100% !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        font-size:16px !important;
        line-height:1.45 !important;
    }

    body.page-id-4904 #categorySeoTitle {
        margin:0 0 12px !important;
        font-size:17px !important;
        line-height:1.28 !important;
        font-weight:700 !important;
        text-transform:none !important;
    }

    body.page-id-2795 #listContentRightHeader,
    body.page-id-2795 #listContentRightHeader p,
    body.page-id-4904 #listContentRightHeader,
    body.page-id-4904 #listContentRightHeader p {
        margin:0 !important;
        font-size:16px !important;
        line-height:1.45 !important;
    }

    body.page-id-2795 #listMain #listContentPush,
    body.page-id-4904 #listMain #listContentPush {
        display:block !important;
        position:static !important;
        float:none !important;
        clear:both !important;
        width:100% !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        right:auto !important;
    }

    body.page-id-2795 #listContentPush ul,
    body.page-id-4904 #listContentPush ul {
        display:block !important;
        width:100% !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
    }

    body.page-id-2795 #listContentPush ul li,
    body.page-id-2795 #listContentPush ul li:nth-child(even),
    body.page-id-2795 #listContentPush ul li:nth-child(3n+1),
    body.page-id-4904 #listContentPush ul li,
    body.page-id-4904 #listContentPush ul li:nth-child(even),
    body.page-id-4904 #listContentPush ul li:nth-child(3n+1) {
        display:block !important;
        float:none !important;
        clear:both !important;
        width:100% !important;
        height:auto !important;
        margin:0 0 28px !important;
        padding:0 !important;
    }

    body.page-id-2795 #listContentPush ul li img.crop,
    body.page-id-4904 #listContentPush ul li img.crop {
        display:block !important;
        width:100% !important;
        height:auto !important;
    }

    body.page-id-2795 #listContentPush ul li .titreSlide,
    body.page-id-4904 #listContentPush ul li .titreSlide {
        display:block !important;
        width:100% !important;
        height:auto !important;
        margin:7px 0 0 !important;
        font-size:21px !important;
        line-height:1.12 !important;
    }

    body.page-id-4904 .category-bottom-editorial {
        position:relative !important;
        left:0 !important;
        width:100% !important;
        margin:55px 0 45px !important;
    }
    body.page-id-4904 .category-bottom-editorial__inner {
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
        box-sizing:border-box !important;
    }

    /* Footer mobile : Facebook un peu plus à gauche et plus d'air avant Instagram. */
    .footer_menu_mobile .follow-social-logo {
        transform:translateX(-5px) !important;
        margin-right:7px !important;
    }
    .footer_menu_mobile .follow-social-logo-insta {
        margin-left:10px !important;
    }
}

/* ==========================================================
   RECETTE 23/09/2026 V12 — alignement réseaux menu/footer mobile
   ========================================================== */
@media screen and (max-width:768px) {
    /* Menu ouvert : les deux icônes partagent exactement la même ligne de base. */
    #primary-navigation ul#menu > li.follow-social-logo,
    #primary-navigation ul#menu > li.follow-social-logo-insta {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        vertical-align:middle !important;
        height:26px !important;
        line-height:26px !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
        position:relative !important;
        top:0 !important;
        transform:none !important;
    }
    #primary-navigation ul#menu > li.follow-social-logo {
        margin-left:8px !important;
        margin-right:0 !important;
    }
    #primary-navigation ul#menu > li.follow-social-logo-insta {
        margin-left:8px !important;
        margin-right:0 !important;
    }
    #primary-navigation .follow-social-logo a,
    #primary-navigation .follow-social-logo-insta a,
    #primary-navigation .follow-social-logo-insta picture {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        height:26px !important;
        line-height:26px !important;
        margin:0 !important;
        padding:0 !important;
    }
    #primary-navigation .follow-social-logo img {
        display:block !important;
        width:24px !important;
        height:25px !important;
        margin:0 !important;
    }
    #primary-navigation .follow-social-logo-insta img {
        display:block !important;
        width:26px !important;
        height:26px !important;
        margin:0 !important;
    }

    /* Footer : espace net entre Facebook et Instagram, sans décalage vertical. */
    .footer_menu_mobile .follow-social-logo,
    .footer_menu_mobile .follow-social-logo-insta {
        align-self:center !important;
        vertical-align:middle !important;
    }
    .footer_menu_mobile .follow-social-logo {
        transform:translateX(-5px) !important;
        margin-right:12px !important;
    }
    .footer_menu_mobile .follow-social-logo-insta {
        margin-left:0 !important;
    }
}

/* ==========================================================
   RECETTE 23/09/2026 V13 — ligne SUIVEZ-NOUS du menu mobile
   ========================================================== */
@media screen and (max-width:768px) {
    /* Les trois LI restent sur une seule ligne : texte, Facebook, Instagram. */
    #primary-navigation ul#menu > li.follow-social {
        clear:both !important;
        float:left !important;
        display:flex !important;
        align-items:center !important;
        height:26px !important;
        line-height:26px !important;
        margin-top:40px !important;
        margin-right:8px !important;
        margin-bottom:0 !important;
    }
    #primary-navigation ul#menu > li.follow-social-logo,
    #primary-navigation ul#menu > li.follow-social-logo-insta {
        clear:none !important;
        float:left !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:26px !important;
        height:26px !important;
        line-height:26px !important;
        margin-top:40px !important;
        margin-bottom:0 !important;
        padding:0 !important;
        top:0 !important;
        transform:none !important;
    }
    #primary-navigation ul#menu > li.follow-social-logo {
        margin-left:0 !important;
        margin-right:7px !important;
    }
    #primary-navigation ul#menu > li.follow-social-logo-insta {
        margin-left:0 !important;
        margin-right:0 !important;
    }
    #primary-navigation .follow-social-logo a,
    #primary-navigation .follow-social-logo-insta a,
    #primary-navigation .follow-social-logo-insta picture {
        display:flex !important;
        width:26px !important;
        height:26px !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 !important;
        padding:0 !important;
    }
    #primary-navigation .follow-social-logo img {
        width:24px !important;
        height:25px !important;
        margin:0 !important;
    }
    #primary-navigation .follow-social-logo-insta img {
        width:26px !important;
        height:26px !important;
        margin:0 !important;
        border-radius:50% !important;
        filter:none !important;
    }
}

/* ==========================================================
   RECETTE 23/09/2026 V14 — réseaux menu mobile
   ========================================================== */
@media screen and (max-width:768px) {
    /* Cibles propres : aucun cadre/outline/ombre autour des pictos. */
    #primary-navigation .follow-social-logo a,
    #primary-navigation .follow-social-logo-insta a,
    #primary-navigation .follow-social-logo-insta picture,
    #primary-navigation .follow-social-logo img,
    #primary-navigation .follow-social-logo-insta img {
        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;
        background:transparent !important;
        border-radius:0 !important;
    }

    /* Espace tactile volontairement important entre Facebook et Instagram. */
    #primary-navigation ul#menu > li.follow-social-logo {
        margin-right:40px !important;
    }
    #primary-navigation ul#menu > li.follow-social-logo-insta {
        margin-left:0 !important;
    }

    #primary-navigation .follow-social-logo-insta img {
        display:block !important;
        width:26px !important;
        height:26px !important;
        object-fit:contain !important;
    }
}

/* ==========================================================
   V19 — Home mobile : le slider n'intercepte plus le scroll vertical
   Le swipe horizontal reste natif, mais un geste vertical commencé
   sur une carte peut faire défiler la page normalement.
   ========================================================== */
@media screen and (max-width: 768px) {
    .home #contentPush .carousselHomeHidden,
    .home #contentPush .home-push-carousel,
    .home #contentPush .anythingSlider,
    .home #contentPush .anythingWindow,
    .home #contentPush ul.home-push-slider,
    .home #contentPush ul.home-push-slider > li,
    .home #contentPush ul.anythingBase,
    .home #contentPush ul.anythingBase > li.panel {
        touch-action: pan-x pan-y !important;
    }
}

/* ==========================================================
   V22 — PROJETS MOBILE : même ratio naturel que desktop
   L'image reste bord à bord ; sa hauteur suit sa largeur.
   ========================================================== */
@media screen and (max-width: 768px) {
    body.single-post #project_image {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        contain: none !important;
    }
    body.single-post #project_image > img.project-main-image {
        position: static !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 100% !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        transform: none !important;
    }
}


/* V24 — Projet mobile : hero plein viewport (override final). */
@media screen and (max-width:768px) {
 body.single-post #project_image {height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;max-height:none!important;overflow:hidden!important;}
 body.single-post #project_image > img.project-main-image {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;}
 .footer_menu_mobile .follow-social-logo-insta img {width:30px!important;height:30px!important;}
}


/* ==========================================================
   V28 — PROJETS MOBILE : hauteur finale validée + anti-CLS
   Cette règle est volontairement la dernière de mobile.css.
   ========================================================== */
@media screen and (max-width: 768px) {
    body.single-post #project_image {
        position: relative !important;
        width: 100% !important;
        height: 70vh !important;
        height: 70dvh !important;
        min-height: 70vh !important;
        min-height: 70dvh !important;
        max-height: 70vh !important;
        max-height: 70dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        contain: layout paint !important;
    }
    body.single-post #project_image > img.project-main-image {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: center center !important;
        transform: none !important;
    }
}


/* ==========================================================
   V32 — PROJET MOBILE : hero figé après mesure initiale
   La variable est calculée une seule fois dans le <head>.
   Aucun dvh ici : les barres du navigateur ne changent plus la hauteur.
   ========================================================== */
@media screen and (max-width: 768px) {
    body.single-post #project_image {
        height: var(--project-hero-fixed-height, 70vh) !important;
        min-height: var(--project-hero-fixed-height, 70vh) !important;
        max-height: var(--project-hero-fixed-height, 70vh) !important;
        overflow: hidden !important;
    }
    body.single-post #project_image > img.project-main-image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}