.displyTableheader{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    margin: auto;
    float: none !important;
    padding: 20px 0px;
 }
.logo {
    text-align: center;
}

.logo img{
  max-width:100%;
}

.BlockSpan{
    display: table-cell;
    width: 35px;
    padding: 0px;
    -webkit-transition: background 0.3s 0.3s;
    -moz-transition: background 0.3s 0.3s;
    transition: background 0.3s 0.3s;
    margin-top: 5px;
}

.BlockSpan .span1{width:75%;margin:auto;/* display:table; */height: 1px;background: #03679b;height: 2px;background: #03679b;margin-top: 9px;margin-bottom: 8px;}
.BlockSpan  .span2{width:100%;margin:auto;/* display:table; */height: 2px;background: #03679b;/* margin-top: 3px; */margin-bottom: 8px;}
.SpanText{
    display: table-cell;
    width: 50px;
    padding: 0px;
    font-family: 'Lato', sans-serif;
    font-size: 1.25em;
    color: #999999;
    font-weight: 400;
    vertical-align: middle;
    text-transform: uppercase;
    padding-left: 10px;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}
.cd-btn-left:hover .SpanText{color: #03679b;}
.cd-btn-left:hover  .BlockSpan  .span1{background: #999999;}
.cd-btn-left:hover  .BlockSpan  .span2{background: #999999;}

@media screen and (max-width:767px)  {
.ListResauSociauxTop  a{    
display: inline-block !important;
    margin-right: 15px;
}
.displayblockPopupHeader {
    flex-direction: column !important;
}
.ListResauSociauxTop {
    top: inherit !important;
    position: relative !important;
    right: inherit !important;
    margin-top: 4vh;
}

header{background:#e8ecef;}
.SpanText{    display: none !important;;}
.cd-main-content-left .cd-btn-left {
    width: 40px !important;
    min-width: 40px;
}
#language .Element {
    width: 28px !important;
    height: 28px  !important;
    margin-right: 8px !important;
    line-height: 19px !important;
    font-size: 12px !important;

}
#language .ElementSelected {
    width: 28px !important;
    height: 28px !important;
    margin-right: 8px !important;
    line-height: 19px !important;
    font-size: 12px !important;
}

}

.displayblockPopupHeader{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    margin: auto;
    float: none;
}


.displayblockPopupHeader1{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    margin: auto;
    float: none;
    padding-top: 4vh;
    padding-bottom: 4vh;
}

 

.ListResauSociauxTop  a{cursor: pointer;width:41px;height:41px;
-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #;
border: 2px solid #fff;background-clip: content-box;z-index: 9;
position: relative;padding: 2px;text-align: center;color: #fff;font-size: 16px;font-family: Arial;font-weight:400;text-transform: uppercase;text-align: center;margin-bottom: 10px;text-decoration: none;line-height: 35px;-webkit-transition: 0.500s linear;-ms-transition: 0.500s linear;-moz-transition: 0.500s linear;-o-transition: 0.500s linear;transition: 0.500s linear;display: block;}

.ListResauSociauxTop a:hover{
    color:#03679b;
    border: 2px solid #fff;
    background-clip: content-box;
    background:#fff;
    padding:2px;
    position: relative;
 
}
.cd-panel-close-left:before{
    content: "  X ";
    width: 80px !important;
    height: 20px !important;
    left: 30px !important;
    background: none !important;
    position: absolute;
    z-index: 0;
    top: 4vh !important;
    /* bottom: 10px; */
    transform: rotate(0deg) !important;
    font-size: 24px;
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}


.MenuLeftPopUp {
    padding: 0px;
}



.ListResauSociauxTop {
    top: calc(25vh - 120px);
    position: absolute;
    right: 0;
   z-index:999999;
}



.darkHeader {
transition: opacity 1s ease;
    opacity: 1;
    position: fixed;
    transition: all 0.5s ease;
    z-index: 99;
    background: #fff;
    width: 100%;
    margin-left: 0px;
    margin: 0px !important;
    transition: box-shadow cubic-bezier(.165, .84, .44, 1) .25s;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.26);
    animation: slide-down 0.7s;
    opacity: 1;

}

.darkHeader .displyTableheader {
 
    padding: 10px 0px !important;
}



.cd-panel-content-left::-webkit-scrollbar {
    width: 6px;
}
 
.cd-panel-content-left::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(246,149,44,0.3); 
    border-radius: 3px;
}
 
.cd-panel-content-left::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(246,149,44,0.3); 
}

.MenuLeft{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
    justify-content: center;
	align-items: center;
}

@media screen and (max-width:350px)  {
.displyTableheader  .MenuLeft  {
    width: 16.66666667%;
}
.Language {width:33% !important;}
}