:root{
    --headBackColor: #FFFFFF;    
    --headForeColor: #333333;
    --headLinkHoverForeColor: orange;
    --headLinkSubHoverBackColor: orange;
    --headLinkSubForeColor: #000000;
    --headLinkSubHoverForeColor: #FFFFFF;
    --headTableHeight: 70px;
    /* --headHeight: 25vw;
    --headMaxHeight: 300px;
    --BannerMinHeight: 50px;
    --headMinHeight: calc(var(--headTableHeight) + var(--BannerMinHeight)); */

    --headHeight: 70px;
    --headMaxHeight: 70px;
    --BannerMinHeight: 0px;
    --headMinHeight: var(--headTableHeight);

    --logoHeight: 50px;
    --headPadding: 10px;
    --headPathLineHeight: 25px;
    --headUserMenuBackground: orange;
}

.head{ 
    height:var(--headHeight); 
    max-height:var(--headMaxHeight);
    min-height:var(--headMinHeight);
    text-align:center;  background:var(--headBackColor);color: var(--headForeColor); display: block;
}
.head a:has(.logo){ text-decoration: none; color:#000000; }
.head img.logo{ height:var(--logoHeight); }
.head b.logo{ font-size: 20px; }
.head .head_table{ 
    border-collapse:collapse; border:0; display: block; width: 100%; 
    height:var(--headTableHeight); max-height:var(--headTableHeight); z-index: 899; 
    background-color: var(--headBackColor); padding: var(--headPadding);
    position:fixed;
    top:0px; left:0px; right:0px;
    border-bottom: #000000 1px solid;
}
.head .head_table tbody, .head .head_table tr{ width: 100%; }
.head .head_table td:nth-child(1){ min-width:100px; width:100px; display: table-cell; }

.bth_menu{ 
    font-size: 30px; max-width: 35px; margin-top: 5px;
}
.head .head_table .bth_menu{ display: none; }
@media (max-width: 600px) {
    .head .head_table td:nth-child(1){ display: none; }
    .head .head_table .head_menu{ display: none; }
    .head .head_table .bth_menu{ display: block; }
    .head .head_table td:nth-child(3){ padding-top: 10px; }
    .head .head_table td:nth-child(4){ padding-top: 10px; }
    .head .head_table td:nth-child(5){ padding-top: 10px; }
 }
.head .head_table td:nth-child(2){ width:100%; max-height: 100%; overflow-y: hidden; }
.head .head_table td:nth-child(3){ min-width:30px; width:30px; }
.head .head_table td:nth-child(3) *{ font-size:24px; cursor:pointer; }
.head .head_table td:nth-child(4)[connected="true"]{ min-width:100px; width:100px; }
.head .head_table td:nth-child(4)[connected="true"] div.head_user_menu{text-align: center; }
.head .head_table td:nth-child(4)[connected="false"]{ min-width:40px; width:40px; }
.head .head_table td:nth-child(5){ min-width:90px; width:90px; }

.head .head_banner{ 
    position:absolute;
    height:var(--headHeight);
    max-height:var(--headMaxHeight);
    min-height:var(--headMinHeight);
    overflow: hidden;
    width: 100%;
    /* max-width: 100%; */
}
.head .head_banner .slide-img{ 
    overflow: hidden;
    width: calc(100% + 1px);
    /* max-width: 100%; */
}

.head .head_banner .slide-input{
    opacity: 0;
    display:none;
}
.head .head_banner .slide-img {
    width: 100%;
    height: calc(var(--headHeight) - var(--headTableHeight));
    min-height: var(--BannerMinHeight);
    max-height: calc(var(--headMaxHeight) - var(--headTableHeight));
    overflow: hidden;
    position: absolute;
    top: var(--headTableHeight);
    left: 101%;
    z-index: 10;
    transition: left 0s 0.75s;
    background-repeat: no-repeat;
}
.head .head_banner [id^="slide"]:checked + .slide-img {
    left: 0;
    z-index: 100;
    transition: left 0.65s ease-out;
}

.head .head_user_menu{ width: 100%; text-align:left; vertical-align: middle; }
.head .head_user_menu *{ text-align:left; }
.head .head_user_menu .head_user_login{ position: absolute; right:35px; top: 55px; height:35px; width: 250px; padding:20px 5px;  background-color: var(--headUserMenuBackground); }
.head .head_user_menu .head_user_login .btn{ position: relative; padding: 10px; text-decoration: none; top: 5px; }
.head .head_user_menu .head_user_button_login{ 
    position: relative;
    float: right;
    margin-right: 5px;
    cursor: pointer;
 }
.head .head_user_menu .head_user_button_login span{ vertical-align: middle; color:#000000; text-decoration: none; line-height: 25px; font-size: 25px; cursor:pointer; }
.head .head_user_menu .head_user_button_login:hover span{ color:#000000; text-decoration: underline; }

.head .head_user_menu .user_head_display{ cursor:pointer; }
.head .head_user_menu > .head_user_login{ display:none; }
[id="UserMenuOn"]:checked + .head_user_login{ display:block; padding:5px; width:max-content; font-size:15px; line-height:22px; }

.head .head_user_menu > .head_user_div{ display:none; }
.head .head_user_menu:hover > .head_user_div, .head .head_user_menu.active > .head_user_div{ display:block; padding:5px; width:max-content; font-size:15px; line-height:22px; }
.head .head_user_menu .head_user_div{ position: absolute; cursor: pointer; height:auto; width: 250px; background-color: #ffffff; border: #000000 1px solid; }
.head .head_user_menu .head_user_div a{ display: block; width: 100%; margin-top: 3px; color:#000000; text-decoration: none; }
.head .head_user_menu .head_user_div a:hover{ color:#000000; text-decoration: underline; }

.head .head_lang_switcher_block{ cursor: pointer; list-style-type: none; max-width: 100px; }
.head .head_lang_switcher_block span{ vertical-align: middle; font-weight: 800; color: var(--headForeColor); }
.head .head_lang_switcher_block img{ vertical-align: middle; max-width: 30px; max-height: 25px; }
.head .head_lang_switcher_block a{ margin:0; }
.head .head_lang_switcher_block .deroulant > span::after{ content:" ▼"; font-size: 12px; }

.head .head_lang_switcher_block ul li{
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
}

.head .head_lang_switcher_block ul::after{
    content: "";
    display: table;
    clear: both;
}

.head .head_lang_switcher_block span{
    display: block;
    text-decoration: none;
    color: var(--headForeColor);
    border-bottom: 2px solid transparent;
    padding: 10px;
    background-color: transparent;
}
.head .head_lang_switcher_block li.deroulant > span{ padding:5px; }
.head .head_lang_switcher_block:hover li.deroulant > span{
    color: black;
    background-color: var(--headBackColor);
    border-bottom: 2px solid black; padding:5px;
}

.head .head_lang_switcher_block .sous{
    display: none;
    box-shadow: 0px 1px 2px #CCC;
    background-color: var(--headBackColor);
    position: absolute;
    width: 100%;
    z-index: 1000;
    list-style-type: none;
}
.head .head_lang_switcher_block:hover .sous, .head .head_lang_switcher_block.active .sous{ display: block; }
.head .head_lang_switcher_block .sous li{ float: none; width: 100%; text-align: left; }
.head .head_lang_switcher_block .sous a{ border-bottom: none; text-decoration: none; }
.head .head_lang_switcher_block .sous a span{ color:#000000; }
.head .head_lang_switcher_block .sous a:hover span, .head .head_lang_switcher_block .sous a:active span{ color: orange; }



.head_menu{ 
    display:inline-block;
    padding-left: 10px; list-style-type: none;
}
.head_menu ul{ list-style-type: none;}
.head_menu li.li_nav{ float: left; text-align: left; position: initial; }
.head_menu > li:hover a, .head_menu > li a.active{ color:var(--headLinkHoverForeColor); text-decoration: underline; }
.head_menu > li.parent > .sub_nav{ display:none; }
.head_menu > li.parent:hover > .sub_nav, .head_menu > li.parent.active > .sub_nav{ 
    display:block;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    width:max-content;
    position: absolute;
    padding-top:3px;
 }
.head_menu > li.parent li.li_nav{ display:block; float:none; background-color: var(--headLinkSubHoverBackColor); }
.head_menu > li.parent > .sub_nav li.li_nav{ padding: 5px; cursor:pointer; }
.head_menu > li.parent > .sub_nav li.li_nav a{ color: var(--headLinkSubForeColor); }
.head_menu > li.parent > .sub_nav li.li_nav:hover a, .head_menu > li.parent > .sub_nav li.li_nav a.active{ color: var(--headLinkSubHoverForeColor); }
.head_menu a{
    font-size:14px;font-weight:bold;
    color:var(--headForeColor);text-decoration: none;
    margin-left:7px;margin-right:7px;
}
.head_menu > li.parent > a:after{ content:" ▼"; font-size:12px; }

.head_menu > li.add{ background-color: transparent; cursor:pointer; }
.head_menu > li.add:hover{ background-color: #DAB44C; }
.head_menu > li.add .add{ color: var(--headForeColor); }
.head_menu > li.add:hover .add{ color: #000000; }


.path_line_div{ background:#EE7C36; width:100%; border-top: #000000 1px solid; border-bottom: #000000 1px solid; overflow: hidden; }
.path_line{ max-width:1400px; width:100%; margin:0 auto; padding-left:29px; height: var(--headPathLineHeight); line-height: var(--headPathLineHeight); }
.path_line a{ color:#000000; text-decoration: none;  }
.path_line a:nth-child(n+2):before{ content:"\00a0\00a0>\00a0\00a0"; font-size: 12px; text-decoration: none; }

.head_search_div{ display:none; }
.head_search_div .search{ width: calc(100% - 22px) !important; }
[id="search_div1"]:checked + .head_search_div{ 
    display:block; padding:5px; padding-bottom:0px; min-height: 50px;
    background-color: #FFFFFF;
    color: #000000;
    border-bottom: #000000 1px solid;
    position: absolute;
    top: var(--headTableHeight);
    z-index: 200;
    width: 100%;
}

.alt_main_menu{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 900;
    background: rgba(255, 255, 255, 0.7);
    height: 100%;
    width: 30vw;
    min-width: 120px;
    padding-top: 14px;
    border-right: #000000 1px solid;
}
.alt_main_menu .bth_menu{ display: block !important; margin-left: 10px; margin-bottom: 15px; }
.alt_main_menu .head_menu{ padding-left: 0px; margin-top: 10px; }
.alt_main_menu .head_menu > li.li_nav{ float: none; margin-bottom: 10px; }
.alt_main_menu .head_menu > li.li_nav a{ font-size: 20px; }
@media (min-width: 601px) {
    .alt_main_menu{ display: none; }
 }
.alt_main_menu .head_menu > li.parent:hover > .sub_nav{ 
    margin-top: -25px;
    padding-top: 0px;
    margin-left: 110px;
    border:#000000 1px solid;
 }