<!DOCTYPE html>
<html lang="fr">
<head>
    <meta http-equiv="ScreenOrientation" content="autoRotate:disabled">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://www.blanctransports.ch/favicon.ico" type="image/x-icon">
    
        <title>Entreprise</title>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <meta property="og:locale" content="fr_FR"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content=""/>
    <meta property="og:description" content=""/>
    <meta property="og:url" content="https://www.blanctransports.ch"/>
    <meta property="og:site_name" content="Blanc Transports"/>
    <meta property="article:modified_time" content="2026-04-10T03:34:34+02:00"/>
    <meta property="og:image" content=""/>


    <!-- FONT AWESOME -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
          integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
          crossorigin="anonymous" referrerpolicy="no-referrer"/>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">

    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC4wbZmwAJyBpv9ul20q0uOTmhPOmPAM6g&callback=initMap&libraries=&v=weekly" async></script>

    <title>Entreprise &#8211; Blanc Transports</title>
<meta name='robots' content='max-image-preview:large' />
<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/fd719735a599f3f64020f72d/script.js"></script><link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.blanctransports.ch/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.blanctransports.ch%2Fentreprise%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.blanctransports.ch/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.blanctransports.ch%2Fentreprise%2F&#038;format=xml" />
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='codepeople-loading-page-style-css' href='https://www.blanctransports.ch/wp-content/cache/asset-cleanup/css/item/loading-page__css__loading-page-css-veab693c0b82e20020c350c6e8d9ce5f540b27e46.css' type='text/css' media='' />
<link rel='stylesheet' id='codepeople-loading-page-style-effect-css' href='https://www.blanctransports.ch/wp-content/cache/asset-cleanup/css/item/loading-page__css__loading-page-css-veab693c0b82e20020c350c6e8d9ce5f540b27e46.css' type='text/css' media='' />
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id='wp-block-library-inline-css' type='text/css'>
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*wp_block_styles_on_demand_placeholder:69d853aab38f7*/
/*# sourceURL=wp-block-library-inline-css */
</style>
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<link rel='stylesheet' id='contact-form-7-css' href='https://www.blanctransports.ch/wp-content/cache/asset-cleanup/css/item/contact-form-7__includes__css__styles-css-v1d69c0b5b03ace9804daf4ba4e10515e0122fd8d.css' type='text/css' media='all' />
<link rel='stylesheet' id='parent-style-css' href='https://www.blanctransports.ch/wp-content/cache/asset-cleanup/css/item/solutiondigitale__style-css-v949fe3a6fc8cfe1f1da151df71861eea80e3cee7.css' type='text/css' media='all' />
<link rel='stylesheet' id='child-style-css' href='https://www.blanctransports.ch/wp-content/cache/asset-cleanup/css/item/solutiondigitale-child__style-css-v129bfe83e1bf7f145319149eca1b12314745a724.css' type='text/css' media='all' />
<link rel='stylesheet' id='mobile-css-css' href='https://www.blanctransports.ch/wp-content/cache/asset-cleanup/css/item/solutiondigitale-child__mobile-css-v2ba93f9ff31fc0f9204b4c410cc6e67b3750fd10.css' type='text/css' media='all' />
<link rel='stylesheet' id='tablet-css-css' href='https://www.blanctransports.ch/wp-content/cache/asset-cleanup/css/item/solutiondigitale-child__tablet-css-vcc36e00cbf92217caadb96dc301844e3489d97e8.css' type='text/css' media='all' />
<link rel='stylesheet' id='sd_theme_css_default-css' href='https://www.blanctransports.ch/wp-content/themes/SolutionDigitale' type='text/css' media='all' />
<link rel='stylesheet' id='sd_theme_css_slider_price-css' href='https://www.blanctransports.ch/wp-content/cache/asset-cleanup/css/item/solutiondigitale__assets__css__sd_theme_price_slider-css-va2a1dcbb42765d7502a444a4727afc0d72aab1fb.css' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css' href='https://www.blanctransports.ch/wp-content/themes/SolutionDigitale/libs/bootstrap/css/bootstrap.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='aos-css-css' href='https://www.blanctransports.ch/wp-content/themes/SolutionDigitale/libs/aos/css/aos.css' type='text/css' media='all' />
<link rel='stylesheet' id='sd_theme_css_vanilla-css' href='https://www.blanctransports.ch/wp-content/cache/asset-cleanup/css/item/solutiondigitale__libs__vanilla__parallax-vanilla-css-vde36c559c54121baaf0b1a294ea0c462eec8083f.css' type='text/css' media='all' />
<link rel='stylesheet' id='sd_theme_css_vanilla_custom-css' href='https://www.blanctransports.ch/wp-content/cache/asset-cleanup/css/item/solutiondigitale__libs__vanilla__parallax-vanilla-custom-css-v2402f082988685f9ea2a2a102d924fc744dd2643.css' type='text/css' media='all' />
<script type="text/javascript" src="https://www.blanctransports.ch/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script>
<script type="text/javascript" src="https://www.blanctransports.ch/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://www.blanctransports.ch/wp-content/cache/asset-cleanup/js/item/loading-page__loading-screens__logo__loading-logo-js-va62d0878c3488568c677d9eb360c3d8852b403a5.js" id="codepeople-loading-page-script-logo-js"></script>
<script type="text/javascript" id="codepeople-loading-page-script-js-before">
/* <![CDATA[ */
loading_page_settings={"loadingScreen":1,"closeBtn":true,"removeInOnLoad":false,"codeblock":"","backgroundColor":"rgba(255,255,255,0.8)","foregroundColor":"#000000","backgroundImage":"","additionalSeconds":0,"pageEffect":"none","backgroundRepeat":"repeat","fullscreen":0,"graphic":"logo","text":0,"lp_ls":{"logo":{"image":"https:\/\/www.blanctransports.ch\/wp-content\/uploads\/2023\/10\/Blanc-Transports-Logo-Couleurs.png","grayscale":"1","blink":"0"},"text":{"text":"","color":"#ffffff","background":"#ff5c35"}},"screen_size":"all","screen_width":0,"deepSearch":1,"modifyDisplayRule":0,"triggerLinkScreenNeverClose":0,"triggerLinkScreenCloseAfter":4};
//# sourceURL=codepeople-loading-page-script-js-before
/* ]]> */
</script>
<script type="text/javascript" src="https://www.blanctransports.ch/wp-content/plugins/loading-page/js/loading-page.min.js" id="codepeople-loading-page-script-js"></script>
<script type="text/javascript" src="https://www.blanctransports.ch/wp-content/cache/asset-cleanup/js/item/solutiondigitale__assets__js__sd_theme_header_filter_action-js-v015d57ec31b54ee35e349b001c1e3f9f9a8b7dde.js" id="sd_theme_js_header_filter-js"></script>
<script type="text/javascript" src="https://www.blanctransports.ch/wp-content/cache/asset-cleanup/js/item/solutiondigitale__assets__js__sd_theme_price_slider-js-v7370b7a20fb8f933a9184f16d2306be0c4e9bb11.js" id="sd_theme_js_slider_price-js"></script>
<script type="text/javascript" id="sd_theme_js_menu-js-extra">
/* <![CDATA[ */
var menu_object = {"is_single":"","color_top":"#FFC200","color_page":"#FFC200","top_bar_height":"0","color_menu_mobile":"white","color_menu_mobile_top":"","color_menu_tablette":"","color_menu_tablette_top":"","color_menu_desktop":"","color_menu_desktop_top":"","color_header_scroll_desktop":"rgb(255, 194, 0)","color_header_scroll_tablette":"rgb(255, 194, 0)","color_header_scroll_mobile":"rgb(255, 194, 0)","time_effect":"0.6s","burger_size":"xl","tablet_size":""};
//# sourceURL=sd_theme_js_menu-js-extra
/* ]]> */
</script>

<script type="text/javascript" id="sd_theme_js_link_target-js-extra">
/* <![CDATA[ */
var link_object = {"site_url":"https://www.blanctransports.ch"};
//# sourceURL=sd_theme_js_link_target-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://www.blanctransports.ch/wp-content/cache/asset-cleanup/js/item/solutiondigitale__assets__js__sd_theme_open_link-js-v43d27a7fbca71a228736111341f2844e096aae42.js" id="sd_theme_js_link_target-js"></script>
<script type="text/javascript" src="https://www.blanctransports.ch/wp-content/cache/asset-cleanup/js/item/solutiondigitale__assets__js__sd_theme_video_ios-js-v5adc88f20bb52238340868dce1c01d30141ed3fe.js" id="sd_theme_js_video_ios-js"></script>
<script type="text/javascript" src="https://www.blanctransports.ch/wp-content/themes/SolutionDigitale/libs/aos/js/aos.js" id="aos-js-js"></script>
<script type="text/javascript" src="https://www.blanctransports.ch/wp-content/cache/asset-cleanup/js/item/solutiondigitale__assets__js__sd_theme-js-v8436cf1d06fc2e4ba6eb1549939c0b422029bfb9.js" id="sd_theme_js-js"></script>
<script type="text/javascript" src="https://www.blanctransports.ch/wp-content/themes/SolutionDigitale/libs/vanilla/parallax-vanilla.js" id="sd_theme_js_vanilla-js"></script>

<!-- Extrait de code de la balise Google (gtag.js) ajouté par Site Kit -->
<!-- Extrait Google Analytics ajouté par Site Kit -->
<script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=GT-TQKWX3JP" id="google_gtagjs-js" async></script>
<script type="text/javascript" id="google_gtagjs-js-after">
/* <![CDATA[ */
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["www.blanctransports.ch"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "GT-TQKWX3JP");
 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 
//# sourceURL=google_gtagjs-js-after
/* ]]> */
</script>
<link rel="https://api.w.org/" href="https://www.blanctransports.ch/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.blanctransports.ch/wp-json/wp/v2/pages/56" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.blanctransports.ch/xmlrpc.php?rsd" />
<link rel="canonical" href="https://www.blanctransports.ch/entreprise/" />
<link rel='shortlink' href='https://www.blanctransports.ch/?p=56' />
<meta name="generator" content="Site Kit by Google 1.176.0" />        <style>
                            @import url('https://fonts.googleapis.com/css2?family=Russo One:wght@100;200;300;400;500;600;700;800;900&&display=swap');
                
                                @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900&&display=swap');
                
                


            /*TAILLE DES FONTS */
            /*Taille des polices pour les websites*/
            h1{
                font-family:'Russo One', sans-serif;
                font-weight: 300;
            }
            h2{
                font-family:'Russo One', sans-serif;
                font-weight: 300;
            }
            h3{
                font-family:'Russo One', sans-serif;
                font-weight: ;
            }
            h4{
                font-family:'Russo One', sans-serif;
                font-weight: 400;
            }
            h5{
                font-family:'Roboto', sans-serif;
                font-weight: 400;
            }
            #main p, li,footer a{
                font-family:'Roboto', sans-serif;
                font-weight: 400;
            }



            @media screen and (min-width: 1024px) {
                /*Taille du logo*/
                .sd_nav_logo_header{
                    height:80px                }
                .sd_nav_logo_footer{
                    height:80px                }

                 /*Taille des polices pour les websites*/
                h1{
                    font-size: 65px;
                }
                h2{
                    font-size: 43px;
                }
                h3{
                    font-size: 32px;
                }
                h4{
                    font-size: 23px;
                }
                h5{
                    font-size: 21px;
                }
                #main p, li,footer a{
                    font-size: 18px;
                }
            }


            @media screen and (max-width: 768px) {
                .sd_nav_logo_header{
                    height:55px                }
                .sd_nav_logo_footer{
                    height:70px                }
                /*Taille des polices pour les mobile*/
                h1{
                    font-size: 35px!important;
                    
                }
                h2{
                    font-size: 26px!important;
                    
                }
                h3{
                    font-size: 25px!important;
                    
                }
                h4{
                    font-size: 22px!important;
                    
                }
                h5{
                    font-size: 19px!important;
                    
                }
                #main p, li,footer a{
                    font-size: 18px!important;
                    
                }
            }

            @media screen and (min-width:769px) and (max-width: 1024px) {
                .sd_nav_logo_header{
                    height:80px                }
                .sd_nav_logo_footer{
                    height:100px                }
                /*Taille des polices pour les tablettes*/
                h1{
                    font-size: 45px!important;
                    
                }
                h2{
                    font-size: 33px!important;
                    
                }
                h3{
                    font-size: 30px!important;
                    
                }
                h4{
                    font-size: 25px!important;
                    
                }
                h5{
                    font-size: 21px!important;
                    
                }
                #main p, li,footer a{
                    font-size: 18px!important;
                    
                }
            }


            /*Option par défaut*/
            a:not(.nav-link){
                text-decoration:none;
                color:#3E3E3E!important;
            }
            strong, b{
                font-weight:#3E3E3E!important;
            }


    </style>
            <style>

            @media screen and (min-width: 1200px) {
                /*Taille du logo*/
                .sd_nav_logo_header{
                    height:80px                }
                .sd_nav_logo_footer{
                    height:80px                }
            }


            @media screen and (max-width: 768px) {
                .sd_nav_logo_header{
                    height:55px                }
                .sd_nav_logo_footer{
                    height:70px                }
            }

            @media screen and (min-width:768px) and (max-width: 1200px) {
                .sd_nav_logo_header{
                    height:80px                }
                .sd_nav_logo_footer{
                    height:100px                }
            }
        </style>
            <style>
            body .sd_edit_menu_top_container div,
            body .sd_edit_menu_top_container input{
                color:black!important;
            }
            body .sd_edit_menu_top_container input{
                background-color:white!important;
            }

            body .sd_edit_menu_top_container a,
            body .sd_edit_menu_top_container .btn{
                color:white!important
            }

            body .sd_edit_menu_top_container div{
                color:black!important;
            }
            
            body .sd_edit_menu_top_container .bg-dark{
                background: linear-gradient(45deg, #dedede 1%, #fff 1%, #fff 49%, #dedede 49%, #dedede 51%, #fff 51%, #fff 99%, #dedede 99%);
                background-size: 6px 6px;
                background-position: 50px 50px;
            }

            .ck-content * {
                color:black!important
            }

            .ck-content a {
                color:blue!important
            }
            

           

    </style>
            <style>
        body{
            background-image:url();
            background-position:;
            background-size:;
            background-repeat:no-repeat;
            background-color:;
        }
        </style>
        <style>

        body, #main {
            overflow-x: hidden;
        }


        

        
                .hover-underline-animation a {
            display: inline-block;
            position: relative;
            color: white;
            transition: 0.3s;
        }


        .hover-underline-animation a:hover {
            transform: scale(1.2);
        }

                                
        #main .sd_change_menu_color .dropdown-menu * {
            color: black !important
        }

        #main .sd_change_menu_color a {
            text-transform:  !important ;
        }

        

        /* COULEURS DES TEXTES */
        /* General */
        /*
        #main h1,
        #main h2,
        #main h3,
        #main h4,
        #main h5,
        #main p,
        #main span,
        #main strong,
        #main i{
            color:black;
        }
        */

        /* General */
        #main .carousel_header h1,
        #main .carousel_header h2,
        #main.carousel_header h3,
        #main.carousel_header h4,
        #main .carousel_header h5,
        #main .carousel_header p,
        #main .carousel_header span,
        #main .carousel_header strong,
        #main .carousel_header i {
            color: white;
        }


        /*
                    #main h1,
                    #main h2,
                    #main h3,
                    #main h4,
                    #main h5,
                    #main p,
                    #main span,
                    #main strong{

                    color:#6e6e6e!important;
                    }
                    */


        h1 {
            color: #FFC200 !important
        }

        h2 {
            color: white !important
        }

        h3 {
            color: #810F1D !important
        }

        h4 {
            color: #810F1D !important
        }

        h5 {
            color: #3E3E3E !important
        }

        p {
            color: #3E3E3E !important
        }

        li, strong {
            color: inherit !important
        }


        :root {

            --nav-top-highlight: ;
            --sd-theme-color-1: ;
            --sd-theme-color-2: ;
            --sd-theme-color-3: ;
            --sd-theme-color-4: ;
        }

        @media screen and (min-width: 1200px) {

            #menu-main > li > a, #menu-main-2-double-menu > li > a {
                font-size: 15px !important;
                font-weight:  !important;
                font-family: Roboto !important;
                color: white;
            }

            #main nav .menu-item .active {
                color: #810F1D !important;
            }


            nav .active {
                background-color: ;
            }
        }


        /* FOOTER */
        /***************************************/

        footer a {
            /*color:




        #3E3E3E     !important;*/
        }

        footer {
            font-family: 'roboto', sans-serif;
            font-size: 17px;
            font-weight: 400;

        }

        #main footer p, #main footer a {
            font-family: 'roboto', sans-serif;
            font-size: 17px !important;
            font-weight: 400 !important;
            color: white !important;
        }

        #main footer p, #main footer .fas {

            color: white !important;
        }

        #main footer li a {
            font-family: 'roboto', sans-serif;
            font-size: 17px !important;
            font-weight: 400 !important;
            color: white !important;
        }

        #main footer .active {
            font-size: 17px !important;
            font-weight: 600 !important;
            color: #810F1D !important;
        }

        footer h5, footer h4, footer h3, footer h2 {
            font-family: 'Russo One', sans-serif;
            font-size: 25px !important;
            font-weight: 400 !important;
            color: #810F1D !important;
        }

        footer .nav-link {
            padding: 0px
        }
        
        .footer-address {
            gap: 5px 10px!important;
        }

        .carousel .carousel-item {
            height: 100vh;
        }

        .carousel-item img {
            position: absolute;
            object-fit: cover;
            left: 0;
            min-height: 100vh;
            top: 50%;
            transform: translateY(-50%);
        }


        @media screen and (min-width: 750px) {

            .dropdown:hover > .dropdown-menu {
                display: block;
            }

            .dropdown-item:hover > .dropdown-menu {
                display: block;
            }

            .navbar-nav .nav-link {
                display: inline-block;
            }

            .ml-auto {
                display: inline-block !important;
            }

            .dropdown > .dropdown-toggle:active {
                pointer-events: none;
            }

        }

        /* Menu mobile */
        @media screen and (max-width: 750px) {
            #menu-main > li.menu-item > a , #menu-main-2-double-menu > li > a{
                color: white !important;
                font-family: '', sans-serif!important;
                font-size: px !important;
                font-weight:  !important;
                text-transform:  !important;
                text-align: center !important;
            }
        }

        /* Menu tablette */
        @media screen and (min-width: 750px) and (max-width: 1200px) {
            #menu-main > li > a, #menu-main-2-double-menu > li > a{
                color: white !important;
                font-family: '', sans-serif!important;
                font-size: px !important;
                font-weight:  !important;
                text-transform:  !important;
            }
        }

        /* Menu Desktop */
        @media screen and (min-width: 1200px) {
            #menu-main > li > a, #menu-main-2-double-menu > li > a{
                color: white !important;
                font-family: 'Roboto', sans-serif!important;
                font-size: 16pxpx !important;
                font-weight:  !important;
                text-transform:  !important;
            }
        }

        /* Alignement du texte dans le menu burger */
        @media screen and (max-width: xlpx) {
            .menu-item {
                text-align: !important;
            }

            #main nav .menu-item a {
                text-align: center !important;
            }
        }

        @media screen and (max-width: 1200px) {

            nav {
                padding-top: 20px;
            }

            .navbar-nav .nav-link {
                padding-right: 10px !important;
                padding-left: 10px !important;
            }
        }

        @media screen and (max-width: 750px) {

            .carousel_header .carousel-caption {
                right: 10px;
                left: 10px;
            }

            .carousel_header .carousel-caption {
                bottom: 20px !important;
                transform: initial;
            }

            .carousel .carousel-item {
                height: 50vh !important;
            }

            .carousel_header .carousel .carousel-item img {
                height: 50vh !important;
            }

            .sd_home_massonery_img {
                min-height: 300px !important;
                height: 300px !important;
            }
        }

        .text-retour-galerie{
            color:  !important;
            cursor: pointer;

        }
        .text-retour-galerie:hover {
            color:  !important;
        }

        @media (min-width: 1200px)

        .scrolled-top-bar{
            background-color:rgb(255, 194, 0)!important;
        }

        .top-bar-positioned-top {
            top:0;
            background-color:rgb(255, 194, 0)!important;
        }

        /* 3.0.9 Règle le souci avec le logo qui se calle en dessous des textes, ne pas changer */
        @media screen and (max-width: 1200px) {
            #home_nav>div>a {
                order:1
            }

            #home_nav #navbarNavDropdown {
                order: 2
            }
        }


        @media (min-width: 1200px) {

            .scrolled-top-bar {
                background-color: rgb(255, 194, 0) !important;
            }

            .top-bar-positioned-top {
                top: 0;
                background-color: rgb(255, 194, 0) !important;
            }
        }

        @media (max-width: 1200px) and (min-width: 751px) {

            .scrolled-top-bar {
                background-color:rgb(255, 194, 0)!important;
            }

            .top-bar-positioned-top {
                top:0;
                background-color:rgb(255, 194, 0)!important;
            }
            #home_nav, #menu-collapse {
            }
        }
        @media (max-width: 751px) {
            .scrolled-top-bar{
                background-color:rgb(255, 194, 0)!important;
            }

            .top-bar-positioned-top {
                top:0;
                background-color:rgb(255, 194, 0)!important;
            }
            #home_nav, #menu-collapse {
            }
        }
    </style>


    <!-- Ajout de la marge de la taille de la navigation avant le premier bloc -->
    <!-- La marge s'ajuste en fonction de la taille de la navbar -->
    <!-- Si la navbar est transparente, ça n'ajoute pas la marge (pour éviter que la navbar soit blanche derrière) -->

    <script type="text/javascript">
        jQuery(document).ready(function($) {
            var navbar = $('#home_nav');
            var navbarHeight = navbar.outerHeight();
            var navbarColor = navbar.css('background-color');

            // Check if the navbar background color is not transparent
            if (navbarColor !== 'rgba(0, 0, 0, 0)' && navbarColor !== 'transparent') {
                // Apply margin to the first <div> after #home_nav
                $('#main > div:first-of-type').css('margin-top', navbarHeight + 'px');

            }
        });
    </script>

        <style>
        @media screen and (max-width: 991px) {

            #main nav ul.dropdown-menu{
                background-color:white!important
            }

            #main nav ul.dropdown-menu .dropdown-item *{
                color:gray!important
            }
        }
    </style>
            <style>
        #main .sd-button-1 p,
        #main .sd-button-1 a{
            color:#810F1D!important;        }
        #main .sd-button-1{
            /*text-transform:uppercase;*/
display:inline-block;
cursor: default;
transition: 0.3s;
padding: 10px 30px 10px 30px;
border: solid 1px transparent;
background-color: #FFC200;
font-size:16px!important        }
        #main .sd-button-1:hover p,
        #main .sd-button-1:hover a{
            color:white!important;        }
        #main .sd-button-1:hover{
            /*text-transform:uppercase;*/
display:inline-block;
cursor: default;
transition: 0.3s;
padding: 10px 30px 10px 30px;
border: solid 1px transparent;
background-color: #810F1D;
font-size:16px!important        }

        #main .sd-button-2 p,
        #main .sd-button-2 a{
            color:white!important;        }
        #main .sd-button-2{
            /*text-transform:uppercase;*/
display:inline-block;
cursor: default;
transition: 0.3s;
padding: 10px 30px 10px 30px;
border: solid 1px transparent;
background-color:  #810F1D;
font-size:16px!important        }
        #main .sd-button-2:hover p,
        #main .sd-button-2:hover a{
            color:#810F1D!important;        }
        #main .sd-button-2:hover{
            /*text-transform:uppercase;*/
display:inline-block;
cursor: default;
transition: 0.3s;
padding: 10px 30px 10px 30px;
border: solid 1px transparent;
background-color: rgba(255, 255, 255, 0.6);
font-size:16px!important        }

        #main .sd-button-3 p,
        #main .sd-button-3 a{
                    }
        #main .sd-button-3{
                    }
        #main .sd-button-3:hover p,
        #main .sd-button-3:hover a{
                    }
        #main .sd-button-3:hover{
                    }
        </style>
        <style>
        #container_switch_langue
        {
            margin-left:30px;
        }
        #switch_langue{
            
            padding: 0px!important;
            height: 40px!important;
            font-size: 12px!important;
        }
        @media screen and (max-width: 768px) {
            #container_switch_langue
            {
                margin-left:10px;
                width:50px;
            }

            #switch_langue{
                padding: 0px!important;
                height: 40px!important;
                font-size: 12px!important;
            }
        }
    </style>
    <script>
        jQuery(function($){

            var site_url = "https:\/\/www.blanctransports.ch";
            //LORSQUE LA LANGUE N'EST PAS LE FRANCAIS ON SUPPRIME L'ANCIENNE LANGUE DE L'URL
            site_url = site_url.substring(0, site_url.length - 3);
            $('html').on('change','#switch_langue',function(e){
                window.location = site_url+"/"+$(this).val();
            });
        });
    </script>

<meta name="google-site-verification" content="_NRG5BnWqaZ4l9eWNKNANt0NGRCQtEo1UZ2dSW90qHo"><link rel="icon" href="https://www.blanctransports.ch/wp-content/uploads/2023/10/cropped-Blanc-Transports-Favicon-32x32.jpg" sizes="32x32" />
<link rel="icon" href="https://www.blanctransports.ch/wp-content/uploads/2023/10/cropped-Blanc-Transports-Favicon-192x192.jpg" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.blanctransports.ch/wp-content/uploads/2023/10/cropped-Blanc-Transports-Favicon-180x180.jpg" />
<meta name="msapplication-TileImage" content="https://www.blanctransports.ch/wp-content/uploads/2023/10/cropped-Blanc-Transports-Favicon-270x270.jpg" />
<style id="loading-page-inline-style">body{visibility:hidden;}</style><noscript><style>body{visibility:visible;}</style></noscript><link rel="preload" href="https://www.blanctransports.ch/wp-content/uploads/2023/10/Blanc-Transports-Logo-Couleurs.png" as="image" type="image/svg+xml"></head>

<body>
<div class="page_56 sd_single_page " id="main">

    


<style>
    @media (min-width: 1200px)

    .scrolled-top-bar{
        background-color:rgb(255, 194, 0)!important;
    }

    
    #home_nav, #menu-collapse {
    }
    }

    @media (max-width: 1200px) and (min-width: 751px) {

        .scrolled-top-bar{
            background-color:rgb(255, 194, 0)!important;
        }

        .top-bar-positioned-top {
            top:0;
            background-color:rgb(255, 194, 0)!important;
        }
        #home_nav, #menu-collapse {
        }
    }
    @media (max-width: 751px) {
        .scrolled-top-bar{
            background-color:rgb(255, 194, 0)!important;
        }

        .top-bar-positioned-top {
            top:0;
            background-color:rgb(255, 194, 0)!important;
        }
        #home_nav, #menu-collapse {
        }
    }
</style>
<script>
    jQuery(function ($) {

        // menu_object.top_bar_height === '' : Navbar pas existante
        // Sinon elle existe

        let viewportWidth = $(window).width();
        console.log(menu_object.top_bar_height)
        let topBarInPixels = menu_object.top_bar_height;
        let topBarHeight = parseInt(topBarInPixels.replace("px", ""));
        // Function to handle navbar color based on viewport width and scroll position
        const ColorNavbar = () => {
            const scroll = $(window).scrollTop();
            if (menu_object.top_bar_height === '') {
                console.log(scroll)
                if (scroll > 100) {
                    console.log("scroll")
                    $('#home_nav').addClass('menu-no-navbar-scroll shadow');
                    $('#home_nav').removeClass('menu-no-navbar-top');
                } else {

                    $('#home_nav').addClass('menu-no-navbar-top');
                    $('#home_nav').removeClass('menu-no-navbar-scroll shadow');
                }
            }

            else {
                if (scroll > topBarInPixels){
                    $('#home_nav').addClass('menu-no-navbar-scroll shadow');
                    $('#home_nav').removeClass('menu-no-navbar-top');
                }
                else {

                    $('#home_nav').addClass('menu-no-navbar-top');
                    $('#home_nav').removeClass('menu-no-navbar-scroll shadow');
                }
            }

        };

        // Update color on scroll
        $(window).on('scroll', function () {
            ColorNavbar();
        });
        var single_page = false;
        if (menu_object.is_single) {
            single_page = true;
            $('.top-bar-1 > div > a > img').addClass('sd_change_menu_icon_size');
        }

        // Handle initial navbar color setup
        ColorNavbar();


        // Resize event handler for responsive behavior
        $(window).resize(() => {
            ColorNavbar(); // Adjust colors when window is resized
        });

        // Additional scroll event handler for sticky menu (home_nav ID)
        $(window).scroll(function () {
            const scroll = $(window).scrollTop();
            if (scroll > topBarHeight) {
                $('#home_nav .nav-item').addClass('sd_change_menu_color');
                $('#home_nav > div > a > img').addClass('sd_change_menu_icon_size');
            } else {
                if (!single_page) {
                    $('#home_nav > div > a > img').removeClass('sd_change_menu_icon_size');
                }
                $('#home_nav').css('position', 'sticky!important');

                if (!single_page) {
                    $('#home_nav .nav-item').removeClass('sd_change_menu_color');
                }
            }
        });

        $(document).ready(function() {
            $(window).on('resize scroll', function() { // bind both resize and scroll
                var viewportWidth = $(window).width();
                var scroll = $(window).scrollTop();

                if (scroll > 100) {
                    $('#home_nav').addClass('scrolled-top-bar shadow');
                } else {
                    $('#home_nav').removeClass('scrolled-top-bar shadow');

                    if (!single_page) {
                        $('#home_nav .nav-item').removeClass('sd_change_menu_color');
                    }
                    $('#home_nav').removeClass('shadow');
                }
            });
        });

    });

</script>

<script>
    // avec navbar
    jQuery(function ($) {
        const topBarHeight = parseInt(menu_object.top_bar_height.replace("px", ""));
        const isSinglePage = menu_object.is_single;
        const $homeNav = $('#home_nav');
        const $topBar = $('.top-bar-1');

        // Function to handle navbar color and top-bar behavior based on viewport width and scroll position
        const updateNavbarOnScroll = () => {
            const scroll = $(window).scrollTop();
            const topPosition = Math.max(topBarHeight - scroll, 0);
            let shadowClass = 'shadow';

            // Update background color and shadow based on scroll
            scroll > topBarHeight ? $topBar.addClass(shadowClass) : $topBar.removeClass(shadowClass);
            // avec navbar
            jQuery(function ($) {
                const topBarHeight = parseInt(menu_object.top_bar_height.replace("px", ""));
                const isSinglePage = menu_object.is_single;
                const $homeNav = $('#home_nav');
                const $topBar = $('.top-bar-1');

                // Function to handle navbar color and top-bar behavior based on viewport width and scroll position
                const updateNavbarOnScroll = () => {
                    const scroll = $(window).scrollTop();
                    const topPosition = Math.max(topBarHeight - scroll, 0);
                    let shadowClass = 'shadow';

                    // Update background color and shadow based on scroll
                    scroll > topBarHeight ? $topBar.addClass(shadowClass) : $topBar.removeClass(shadowClass);

                    // Update top-bar position
                    $topBar.css('top', topPosition);
                    if (scroll > topBarHeight) {
                        $topBar.addClass('scrolled-top-bar').removeClass('top-bar-positioned-top')
                    } else {
                        $topBar.removeClass('scrolled-top-bar').addClass('top-bar-positioned-top')
                    }

                    // Change menu appearance on scroll
                    if (scroll > topBarHeight) {
                        $homeNav.find('.nav-item').addClass('sd_change_menu_color');
                        $homeNav.find('> div > a > img').addClass('sd_change_menu_icon_size');
                    } else {
                        if (!isSinglePage) {
                            $homeNav.find('.nav-item').removeClass('sd_change_menu_color');
                            $homeNav.find('> div > a > img').removeClass('sd_change_menu_icon_size');
                        }
                        $homeNav.css('position', 'sticky!important');
                    }
                };

                // Initial setup
                if (isSinglePage) {
                    $('.top-bar-1 > div > a > img').addClass('sd_change_menu_icon_size');
                }
                $topBar.removeClass('shadow');
                updateNavbarOnScroll();

                // Handle scroll and resize together
                $(window).on('scroll resize', updateNavbarOnScroll);
            });
            // Update top-bar position
            $topBar.css('top', topPosition);
            if (scroll > topBarHeight) {
                $topBar.addClass('scrolled-top-bar').removeClass('top-bar-positioned-top')
            } else {
                $topBar.removeClass('scrolled-top-bar').addClass('top-bar-positioned-top')
            }

            // Change menu appearance on scroll
            if (scroll > topBarHeight) {
                $homeNav.find('.nav-item').addClass('sd_change_menu_color');
                $homeNav.find('> div > a > img').addClass('sd_change_menu_icon_size');
            } else {
                if (!isSinglePage) {
                    $homeNav.find('.nav-item').removeClass('sd_change_menu_color');
                    $homeNav.find('> div > a > img').removeClass('sd_change_menu_icon_size');
                }
                $homeNav.css('position', 'sticky!important');
            }
        };

        // Initial setup
        if (isSinglePage) {
            $('.top-bar-1 > div > a > img').addClass('sd_change_menu_icon_size');
        }
        $topBar.removeClass('shadow');
        updateNavbarOnScroll();

        // Handle scroll and resize together
        $(window).on('scroll resize', updateNavbarOnScroll);
    });

</script>

<!-- Ajout de la marge de la taille de la navigation avant le premier bloc -->
<!-- La marge s'ajuste en fonction de la taille de la navbar -->
<!-- Si la navbar est transparente, ça n'ajoute pas la marge (pour éviter que la navbar soit blanche derrière) -->
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        var navbar = $('.navbar-top-container');
        var navbarHeight = navbar.outerHeight();
        console.log(navbarHeight)

        if (navbarHeight === undefined ){
            jQuery(document).ready(function ($) {
                setTimeout(function () {
                    var navbarColor = $('.menu-no-navbar-top').css('background-color');

                    if (navbarColor) {
                        if (!navbarColor.includes('rgba(0, 0, 0, 0)')) {
                            $('#main > div:first-of-type').css('margin-top', navbarHeight + 'px');
                        }
                    }

                }, 100);
            });
        }

    });
</script>




    <!-- Logo à gauche -->
    <nav id="home_nav" style="    top: 0px;
    position: fixed;
    width: 100%;"
         class="sticky-top top-bar-0 navbar navbar-expand-xl sd-nav-bg-top navbar-light sticky-top sd-nav-bg-top ">
        <div class="container sd_admin_container flex-row-reverse flex-xl-row" style="display: flex; align-items: center;">
            <a class="navbar-brand pb-3" href="https://www.blanctransports.ch">
                <div class="container d-flex sd_admin_container justify-content-xl-start justify-content-center builder-relative" style="flex:1">
                    <img class="sd_nav_logo_header"
                         alt="Blanc Transports Logo Couleurs"
                         src="https://www.blanctransports.ch/wp-content/uploads/2023/10/Blanc-Transports-Logo-Couleurs.png"/>
            </a>
            <div  data-sdimage="sd_theme_logo"></div>
        </div>


        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
                aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarNavDropdown" style="width: 100%">
            <div class="d-block d-xl-flex justify-content-end"
                 style="width:100%">

                <ul id="menu-main" class="navbar-nav mb-2 mb-lg-0 "><li  id="menu-item-10" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home nav-item nav-item-10 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/" class="nav-link ">Accueil</a></li>
<li  id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-56 current_page_item menu-item-has-children dropdown nav-item nav-item-57 nav-item active  hvr-float-shadow"><a href="https://www.blanctransports.ch/entreprise/" class="nav-link active dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Entreprise</a>
<ul class="dropdown-menu  depth_0">
	<li  id="menu-item-60" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-60 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/a-propos/" class="dropdown-item ">À propos</a></li>
	<li  id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-63 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/nos-videos/" class="dropdown-item ">Nos vidéos</a></li>
</ul>
</li>
<li  id="menu-item-81" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown nav-item nav-item-81 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/camions-et-transports/" class="nav-link  dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Nos camions</a>
<ul class="dropdown-menu  depth_0">
	<li  id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-69 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/chantier/" class="dropdown-item ">Camions de chantier</a></li>
	<li  id="menu-item-75" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-75 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/camions-grues/" class="dropdown-item ">Camions-grues</a></li>
	<li  id="menu-item-78" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-78 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/camions-a-bennes/" class="dropdown-item ">Camions à bennes</a></li>
	<li  id="menu-item-89" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-89 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/camions-transport-machines/" class="dropdown-item ">Camions transport machines</a></li>
	<li  id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-72 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/semi-remorques/" class="dropdown-item ">Semi-remorques</a></li>
</ul>
</li>
<li  id="menu-item-310" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-310 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/transport-evenementiel/" class="nav-link ">Evénementiel</a></li>
<li  id="menu-item-98" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown nav-item nav-item-98 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/autres-services/" class="nav-link  dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Autres services</a>
<ul class="dropdown-menu  depth_0">
	<li  id="menu-item-95" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-95 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/transport-raisin-et-vin/" class="dropdown-item ">Transport raisin et vin</a></li>
	<li  id="menu-item-101" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-101 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/ventes-de-materiaux/" class="dropdown-item ">Vente et location de matériel</a></li>
	<li  id="menu-item-313" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-313 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/petit-elevateur-4x4/" class="dropdown-item ">Petit élévateur 4×4</a></li>
</ul>
</li>
<li  id="menu-item-92" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-92 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/stockage-et-logistique/" class="nav-link ">Stockage et logistique</a></li>
<li  id="menu-item-110" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-110 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/references/" class="nav-link ">Références</a></li>
<li  id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-24 nav-item hvr-float-shadow"><a href="https://www.blanctransports.ch/contact/" class="nav-link ">Contact</a></li>
<li id="container_switch_langue">
                    <select name="switch_langue" id="switch_langue">
                    <option value="en">EN</option>
                    <option value="">FR</option>
                    </select>
                </li>
</ul>            </div>
        </div>
        </div>
    </nav>
    
<script>
    jQuery(function ($) {
        console.log(menu_object);
        const topBarHeight = parseInt(menu_object.top_bar_height.replace("px", ""));
        const isSinglePage = menu_object.is_single;
        const $homeNav = $('#home_nav');
        const $topBar = $('.top-bar-0');

        console.log($topBar.find("1"))
        if ($topBar.find("1").length > 0){
            alert('ok')
        }

        // Function to handle navbar color and top-bar behavior based on viewport width and scroll position
        const updateNavbarOnScroll = () => {
            const scroll = $(window).scrollTop();
            const topPosition = Math.max(topBarHeight - scroll, 0);
            let shadowClass = 'shadow';

            // Update background color and shadow based on scroll
            //$homeNav.css('background-color', bgColor);
            scroll > topBarHeight ? $topBar.addClass(shadowClass) : $topBar.removeClass(shadowClass);

            // Update top-bar position
            $topBar.css('top', topPosition);
            if (scroll > topBarHeight) {
                $topBar.addClass('scrolled-top-bar')
                $topBar.removeClass('top-bar-positioned-top')
                $topBar.removeClass('menu-no-navbar-top')
            } else {
                $topBar.removeClass('scrolled-top-bar')
                $topBar.addClass('top-bar-positioned-top')
            }

            // Change menu appearance on scroll
            if (scroll > topBarHeight) {
                $homeNav.find('.nav-item').addClass('sd_change_menu_color');
                $('#home_nav').addClass('scrolled-top-bar')
                $homeNav.find('> div > a > img').addClass('sd_change_menu_icon_size');
            } else {
                if (!isSinglePage) {
                    $homeNav.find('.nav-item').removeClass('sd_change_menu_color');
                    $('#home_nav').removeClass('scrolled-top-bar')
                    $homeNav.find('> div > a > img').removeClass('sd_change_menu_icon_size');
                }
                $homeNav.css('position', 'sticky!important');
            }
        };

        // Initial setup
        if (isSinglePage) {
            $('.top-bar-0 > div > a > img').addClass('sd_change_menu_icon_size');
        }
        $topBar.removeClass('shadow');
        updateNavbarOnScroll();

        // Handle scroll and resize together
        $(window).on('scroll resize', updateNavbarOnScroll);
    });
</script>


<style
>


    @media screen and (min-width: 750px) and (max-width: 1199px) {
        .menu-no-navbar-top {
            background: rgb(255, 194, 0) !important;
        }

        .menu-no-navbar-scroll {
            background: rgb(255, 194, 0) !important;
        }
    }

    @media screen and (min-width: 1200px) {
        .menu-no-navbar-top {
            background: rgb(255, 194, 0) !important;
        }

        .menu-no-navbar-scroll {
            background: rgb(255, 194, 0) !important;
        }
    }

    @media screen and (max-width: 750px) {
        .menu-no-navbar-top {
            background: rgb(255, 194, 0) !important;
        }

        .menu-no-navbar-scroll {
            background: rgb(255, 194, 0) !important;
        }

    }

    </style>
<style>

    .navbar-top-container {
        background: ;
        padding-top: ;
        font-family: ;
        font-size: ;
        text-align: ;
        height: ;
        color: ;
        display: flex;
        align-items: ;
    }


</style>

    <!-- Ajout de la marge avant le composant et après le menu -->

    <script type="text/javascript">
        jQuery(document).ready(function($) {
            // Get the background color of the element with the class 'menu-no-navbar-top'
            var backgroundColor = $('.menu-no-navbar-top').css('background-color');

            // Check if the background is transparent
            if (backgroundColor !== 'rgba(0, 0, 0, 0)' && backgroundColor !== 'transparent') {
                // If not transparent, apply the margin-top adjustment
                var navbarHeight = $('#home_nav').outerHeight();
                $('.sd_home_top').css('margin-top', navbarHeight + 'px');
            }
        });
    </script><div style="margin-top:300px"></div>56<br>{"success":false,"data":{"message":"Permission refus\u00e9e"}}