.sticky_hide {
    display : none
}

.link_tag {
    text-decoration : none
}

#mobile_nav {
    animation-duration         : .5s;
    animation-delay            : .2s;
    -webkit-animation-duration : .5s;
    -webkit-animation-delay    : .2s;
    -moz-animation-duration    : .5s;
    -moz-animation-delay       : .2s;
    -o-animation-duration      : .5s;
    -o-animation-delay         : .2s;
    -vendor-animation-duration : .5s;
    -vendor-animation-delay    : .2s
}

#mobile_nav_table {
    animation-duration         : .5s;
    animation-delay            : .2s;
    -webkit-animation-duration : .5s;
    -webkit-animation-delay    : .2s;
    -moz-animation-duration    : .5s;
    -moz-animation-delay       : .2s;
    -o-animation-duration      : .5s;
    -o-animation-delay         : .2s;
    -vendor-animation-duration : .5s;
    -vendor-animation-delay    : .2s
}

.bottom_divide_line {
    position     : absolute;
    right        : 0;
    top          : 12px;
    width        : 1px !important;
    border-right : 1px solid #fff !important;
    height       : 25px !important
}

.show_in_mobile {
    display : none
}

.active_sticky {
    opacity : .5
}

@media (max-width : 550px) {
    .side_nav_bar_bloc, .side_nav_bar_text {
        display : none !important
    }

    .show_in_mobile {
        display : block
    }

    footer {
        margin-bottom : 60px !important
    }

    .config_text {
        line-height : 16px !important
    }

    .fix_nav {
        display : block !important;
    }
}

.fix_nav {
    width            : 100%;
    position         : fixed;
    bottom           : -30px;
    left             : 0;
    z-index          : 1500;
    border-bottom    : 30px solid #1c69d3;
    background-color : #1c69d3
}

.fix_nav_table td div {
    margin : 5px auto 2px auto;
    width  : 50px;
    height : 25px
}


.fix_nav_table {
    font-size        : 8px;
    line-height      : 8px;
    background-color : #1c69d3;
    max-width        : 450px;
    min-width        : 320px;
    width            : 100%;
    margin           : 0 auto;
    border-spacing   : 0;
    border-collapse  : collapse
}

.fix_nav_table td {
    border-spacing  : 0;
    border-collapse : collapse;
    font-size       : 8px;
    line-height     : 8px;
    font-family     : MINISansReg, Arial, sans-serif;
    text-align      : center;
    padding         : 0;
    vertical-align  : middle;
    position        : relative;
    height          : 55px;
    width           : 20%
}

.fix_nav_table td a {
    font-size       : 8px;
    line-height     : 8px;
    color           : #fff;
    text-decoration : none
}

.side_nav_bar_bloc {
    position  : fixed;
    left      : 0;
    top       : 50%;
    transform : translate(0, -50%);
    z-index   : 1500;
    width     : 60px;
    height    : 300px;
    overflow  : clip;
}

.sticky-right .side_nav_bar_bloc,
.homepage .side_nav_bar_bloc {
    right     : 0;
    left      : inherit;
}

.side_nav_bar_sub_bloc {
    height           : 60px;
    width            : 60px;
    background-color : #1c69d3
}

.side_nav_bar_text_sub_bloc {
    height           : 60px;
    width            : 60px;
    background-color : #1c69d3
}

.side_icon {
    height     : 55px;
    width      : 60px;
    text-align : center
}

.side_icon_img, .side_icon_img_hover {
    width: 35px;
    height: auto;
    margin-top : 15px;
}

.side_left_line {
    height                   : 4px;
    width                    : 40px;
    border-bottom            : 1px solid #fff;
    margin-left              : 10px;
    -webkit-transition       : margin-left .15s ease-out;
    -moz-transition          : margin-left .15s ease-out;
    -ms-transition           : margin-left .15s ease-out;
    -o-transition            : margin-left .15s ease-out;
    transition               : margin-left .15s ease-out;
    -webkit-transition-delay : .45s;
    -moz-transition-delay    : .45s;
    -ms-transition-delay     : .45s;
    -o-transition-delay      : .45s;
    transition-delay         : .45s
}

.sticky-right .side_left_line,
.homepage .side_left_line {
    -webkit-transition       : margin-left .1s ease-out;
    -moz-transition          : margin-left .1s ease-out;
    -ms-transition           : margin-left .1s ease-out;
    -o-transition            : margin-left .1s ease-out;
    transition               : margin-left .1s ease-out;
    -webkit-transition-delay : .4s;
    -moz-transition-delay    : .4s;
    -ms-transition-delay     : .4s;
    -o-transition-delay      : .4s;
    transition-delay         : .4s
}

.side_move_line {
    margin-left              : 35px !important;
    -webkit-transition-delay : 0s;
    -moz-transition-delay    : 0s;
    -ms-transition-delay     : 0s;
    -o-transition-delay      : 0s;
    transition-delay         : 0s
}

.sticky-right .side_move_line,
.homepage .side_move_line {
    margin-left              : 0 !important;
    -webkit-transition       : margin-left 0s ease-out;
    -moz-transition          : margin-left 0s ease-out;
    -ms-transition           : margin-left 0s ease-out;
    -o-transition            : margin-left 0s ease-out;
    transition               : margin-left 0s ease-out;
}

@media (min-width : 551px) {
    #sideBarContainer {
        position          : fixed;
        left              : -125px;
        top               : 33%;
        z-index           : 1400;
        width             : 185px;
        height            : 300px
    }

    .homepage #sideBarContainer {
        left              : inherit !important;
        right             : -125px;
    }

    .sticky-right {
        left              : inherit !important;
        right             : 185px;
    }
}

.side_nav_bar_text {
    position           : fixed;
    top                : 50%;
    left               : 0;
    z-index            : 1400;
    width              : 125px;
    height             : 300px;
    transform: translate3d(-60%, -50%, 0);
    -webkit-transition : all .5s ease-in-out;
    -moz-transition    : all .5s ease-in-out;
    -ms-transition     : all .5s ease-in-out;
    -o-transition      : all .5s ease-in-out;
    transition         : all .5s ease-in-out
}

.sticky-right .side_nav_bar_text,
.homepage .side_nav_bar_text {
    left : inherit !important;
    right : 0;
    transform: translate3d(100%, -50%, 0);
}

.textBlockSlideInLeft {
    -webkit-transform : translate3d(45%, -50%, 0) !important;
    transform         : translate3d(45%, -50%, 0) !important
}

.sticky-right .textBlockSlideInLeft,
.homepage .textBlockSlideInLeft {
    -webkit-transform : translate3d(-45%, -50%, 0) !important;
    transform         : translate3d(-45%, -50%, 0) !important
}

#side_nav_bar_atelier_text, #side_nav_bar_brochure_text, #side_nav_bar_config_text, #side_nav_bar_drive_text, #side_nav_bar_offer_text {
    width            : 125px;
    height           : 60px;
    color            : #fff;
    font-size        : 10px;
    font-family      : MINISansReg, Arial, sans-serif;
    font-weight      : 700;
    text-align       : right;
    background-color : #1c69d3
}

.homepage #side_nav_bar_atelier_text,
.homepage #side_nav_bar_brochure_text,
.homepage #side_nav_bar_config_text,
.homepage #side_nav_bar_drive_text,
.homepage #side_nav_bar_offer_text {
    text-align       : left;
    padding-left     : 10px;
}


#side_nav_bar_atelier_text:hover, #side_nav_bar_brochure_text:hover, #side_nav_bar_config_text:hover, #side_nav_bar_drive_text:hover, #side_nav_bar_offer_text:hover {
    color            : #1c69d3;
    background-color : #fff
}


.side_text_bloc {
    width  : 115px;
    height : 58px
}

.sticky-right .side_text_bloc,
.homepage .side_text_bloc {
    width  : 125px;
}

.side_text {
    position    : relative;
    top         : 25px;
    line-height : 10px
}

.side_right_line {
    height        : 1px;
    width         : 100%;
    border-bottom : 1px solid #fff;
    float         : right
}

.sticky-right .side_right_line,
.homepage .side_right_line {
    width         : 107%;
}

.slide-menu {
    transform: translate3d(-60%, -50%, 0);
}

.sticky-right .slide-menu,
.homepage .slide-menu {
    transform: translate3d(100%, -50%, 0);
}

/* Variable de changement de couleur remplacé dans le JS */
.sticky-bg-color {
    background-color: #1c69d3 !important;
}


.sticky-bg-color-hover {
    background-color: #ffffff !important;
}

.sticky-txt-color {
    color: #ffffff !important;
}

.sticky-txt-color-hover {
    color: #1c69d3 !important;
}

.elem-opcaity-0 {
    opacity: 0 !important;
}

.elem-opcaity-1 {
    opacity: 1 !important;
}

.elem-display-none {
    display: none !important;
}

.elem-display-block {
    display: block !important;
}

/* Use mobile navbar to show sticky ot the bottom in desktop
   and display none the right/left sticky nav*/
.sticky-nav-bottom .side_nav_bar_bloc {
    display: none !important;
}

.sticky-nav-bottom .side_nav_bar_text {
    display: none !important;
}

.sticky-nav-bottom {
    width : 100% !important;
    right: 0 !important;
    left: 0 !important;
    top: inherit !important;
    bottom: 0;
    height: auto !important;
    min-height: 57.5px;
    background-color: #1c69d3;
}

.sticky-nav-bottom #mobile_nav {
    display: flex!important;
    width: 100% !important;
}

.sticky-nav-bottom .block_td {
    z-index: 99 !important;
}

.sticky-nav-bottom .block_td .divide_line {
    z-index: -1 !important;
}

.sticky-nav-bottom #mobile_nav .block_td:hover {
    background-color: #000;
    /*border-top: 6px solid #1c69d3;*/
}

.sticky-nav-bottom .block_td:hover a {
    color: #fff;
	text-decoration: none;
}

@media (min-width : 550px) {
    .sticky-nav-bottom .fix_nav_table td div {
        width: 115px !important;
    }
}

.sticky-nav-bottom .fix_nav_table td {
    height: 60px !important;
}

.sticky-nav-bottom .fix_nav_table td div {
    margin: 0 auto 9px auto !important;
}

.sticky-nav-bottom .fix_nav {
    bottom: 0 !important;
    border-bottom: none !important;
}

@media (max-width : 550px) {
    #iframe-notification-9785671c-2f59-4f48-9a6a-2d689854501c {
        bottom: 50px !important;
    }
}