body
{
   background-color: #F5F7FA;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #3370B7;
   text-decoration: none;
}
a:hover
{
   color: #3370B7;
   text-decoration: none;
}
.DropdownMenu1 .nav
{
   font-family: Montserrat;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   color: #444444;
   text-align: left;
   text-transform: none;
}
#DropdownMenu1, .DropdownMenu1 .nav, .DropdownMenu1 *
{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   line-height: 1;
   list-style: none;
}
.DropdownMenu1 .nav:before,
.DropdownMenu1 .nav:after 
{
   content: " ";
   display: table;
}
.DropdownMenu1 .nav:after 
{
   clear: both;
}
.DropdownMenu1 .nav a 
{
   text-decoration: none;
}
.DropdownMenu1 .nav ul
{
   margin-top: 0;
   margin-bottom: 0;
}
.DropdownMenu1 .nav ul ul
{
   margin-bottom: 0;
}
.DropdownMenu1 .container 
{
   margin-right: auto;
   margin-left: auto;
   padding: 0 1px 0 1px;
}
.DropdownMenu1 .container:before,
.DropdownMenu1 .container:after 
{
   content: " ";
   display: table;
}
.DropdownMenu1 .container:after 
{
   clear: both;
}
.DropdownMenu1 .collapse 
{
   display: none;
}
.DropdownMenu1 .collapse.show 
{
   display: block;
}
.DropdownMenu1 .collapsing 
{
   position: relative;
   height: 0;
   overflow: hidden;
   transition: height .35s ease;
}
.DropdownMenu1 .arrow, .DropdownMenu1 .arrow-right
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 4px;
   vertical-align: middle;
   border-top: 4px solid #000;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
.DropdownMenu1 .dropdown 
{
   position: relative;
}
.DropdownMenu1 .dropdown-toggle:focus 
{
   outline: 0;
}
.DropdownMenu1 .dropdown-menu 
{
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 160px;
   padding: 5px 0;
   margin: 2px 0 0;
   list-style: none;
   font-size: 19px;
   background-color: #BBAA99;
   background-image: none;
   border: 1px solid rgba(187,170,153,1.00);
   border-radius: 0px;
   background-clip: padding-box;
}
.DropdownMenu1 .dropdown-menu .divider
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #BBAA99;
}
.DropdownMenu1 .dropdown-menu > li > a
{
   display: block;
   padding: 3px 20px 3px 20px;
   clear: both;
   line-height: 1.428571429;
   color: #444444;
   text-transform: none;
   white-space: nowrap;
}
.DropdownMenu1 .dropdown-menu > li > a:hover,
.DropdownMenu1 .dropdown-menu > li > a:focus 
{
   text-decoration: none;
   color: #333333;
   background-color: #BBAA99;
   background-image: none;
}
.DropdownMenu1 .dropdown-menu > li > a.active,
.DropdownMenu1 .dropdown-menu > li > a.active:hover,
.DropdownMenu1 .dropdown-menu > li > a.active:focus
{
   color: #333333;
   background-color: #BBAA99;
   background-image: none;
   text-decoration: none;
   outline: 0;
}
.DropdownMenu1 .show > .dropdown-menu
{
   display: block;
}
.DropdownMenu1 .show > a
{
   outline: 0;
}
.DropdownMenu1 .dropdown-header
{
   display: block;
   padding: 3px 20px;
   line-height: 1.428571429;
   color: #aeaeae;
}
.DropdownMenu1 .dropdown-backdrop
{
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   z-index: 990;
}
.DropdownMenu1 .nav > li 
{
   position: relative;
   display: block;
}
.DropdownMenu1 .nav > li > a
{
   position: relative;
   display: block;
   padding: 20px 10px 20px 10px;
}
.DropdownMenu1 .nav .show > a,
.DropdownMenu1 .nav .show > a:hover,
.DropdownMenu1 .nav .show > a:focus
{
    border-color: #BBAA99;
}
.DropdownMenu1 .nav .nav-divider
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #BBAA99;
}
.DropdownMenu1 .nav .arrow
{
   border-top-color: #BBAA99;
   border-bottom-color: #BBAA99;
}
.DropdownMenu1
{
   position: relative;
}
.DropdownMenu1:before,
.DropdownMenu1:after
{
   content: " ";
   display: table;
}
.DropdownMenu1:after
{
   clear: both;
}
.DropdownMenu1 .navbar-header:before,
.DropdownMenu1 .navbar-header:after
{
   content: " ";
   display: table;
}
.DropdownMenu1 .navbar-header:after
{
   clear: both;
}
.DropdownMenu1-navbar-collapse 
{
   overflow-x: visible;
   -webkit-overflow-scrolling: touch;
}
.DropdownMenu1-navbar-collapse:before,
.DropdownMenu1-navbar-collapse:after
{
   content: " ";
   display: table;
}
.DropdownMenu1-navbar-collapse:after
{
   clear: both;
}
.DropdownMenu1-navbar-collapse.show
{
   overflow-y: auto;
}
.DropdownMenu1 .navbar-toggle 
{
   position: relative;
   float: right;
   width: 48px;
   height: 68px;
   padding: 20px 10px 20px 10px;
   background-color: transparent;
   border: 1px solid transparent;
   border-radius: 0px;
}
.DropdownMenu1 .navbar-toggle .line
{
   display: block;
   width: 28px;
   height: 5px;
   border-radius: 0px;
   transition: all 500ms linear;
}
.DropdownMenu1 .navbar-toggle .line
{
   margin: 5px auto;
}
.DropdownMenu1 .navbar-toggle  .line:first-child
{
   margin-top: 0px !important;
}
.DropdownMenu1 .navbar-nav
{
   margin: 6px -15px;
}
.DropdownMenu1 .navbar-nav > li > .dropdown-menu
{
   margin-top: 0;
}
.DropdownMenu1 .navbar-nav > li > a
{
   color: #444444;
}
.DropdownMenu1 .navbar-nav > li > a:hover,
.DropdownMenu1 .navbar-nav > li > a:focus
{
   background-color: #BBAA99;
   background-image: none;
   color: #333333;
   text-decoration: none;
}
.DropdownMenu1 .navbar-nav > li > a.active,
.DropdownMenu1 .navbar-nav > li > a.active:hover,
.DropdownMenu1 .navbar-nav > li > a.active:focus
{
   color: #333333;
   background-color: #BBAA99;
   background-image: none;
}
.DropdownMenu1 .navbar-toggle
{
   border: 1px solid transparent;
}
.DropdownMenu1 .navbar-toggle:hover,
.DropdownMenu1 .navbar-toggle:focus
{
   background-color: transparent;
}
.DropdownMenu1 .navbar-toggle .line
{
   background-color: #FFFFFF;
}
.DropdownMenu1-navbar-collapse
{
   border-color: rgba(187,170,153,1.00);
}
.DropdownMenu1 .navbar-nav > .dropdown > a:hover .arrow,
.DropdownMenu1 .navbar-nav > .dropdown > a:focus .arrow
{
   border-top-color: #333333;
   border-bottom-color: #333333;
}
.DropdownMenu1 .navbar-nav > .show > a,
.DropdownMenu1 .navbar-nav > .show > a:hover,
.DropdownMenu1 .navbar-nav > .show > a:focus
{
   background-color: #BBAA99;
   background-image: none;
   color: #333333;
}
.DropdownMenu1 .navbar-nav > .show > a .arrow,
.DropdownMenu1 .navbar-nav > .show > a:hover .arrow,
.DropdownMenu1 .navbar-nav > .show > a:focus .arrow
{
   border-top-color: #333333;
   border-bottom-color: #333333;
}
.DropdownMenu1 .navbar-nav > .dropdown > a .arrow
{
   border-top-color: #444444;
   border-bottom-color: #444444;
}
.DropdownMenu1 .navbar-link
{
   color: #444444;
}
.DropdownMenu1 .navbar-link:hover
{
   color: #333333;
}
.DropdownMenu1 .navbar-header
{
   color: #FFFFFF;
}
.DropdownMenu1 .dropdown-hover > .dropdown-menu
{
   margin-top:-1px !important;
}
@media (min-width: 0px) 
{
.DropdownMenu1 .navbar-right .dropdown-menu
{
   right: 0;
   left: auto;
}
.DropdownMenu1 .navbar-header
{
   float: left;
}
.DropdownMenu1-navbar-collapse
{
   width: auto;
   border-top: 0;
   box-shadow: none;
}
.DropdownMenu1-navbar-collapse.collapse
{
   display: block!important;
   height: auto!important;
   padding-bottom: 0;
   overflow: visible!important;
}
.DropdownMenu1-navbar-collapse.show
{
   overflow-y: auto;
}
.DropdownMenu1 .navbar-toggle
{
   display: none;
}
.DropdownMenu1 .navbar-nav
{
   display: flex;
   flex-direction: row;
   justify-content: center;
   margin: 0;
}
.DropdownMenu1 .navbar-nav > li
{
   float: left;
}
.DropdownMenu1 .container > .navbar-header,
.DropdownMenu1 .container > .DropdownMenu1-navbar-collapse
{
   margin-right: 0;
   margin-left: 0;
}
.DropdownMenu1 .navbar-nav > .dropdown > a:hover .arrow,
.DropdownMenu1 .navbar-nav > .dropdown > a:focus .arrow
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
}
@media (max-width: 0px) 
{
.DropdownMenu1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #323F53;
}
.DropdownMenu1 .navbar-nav
{
   margin: 0;
   background-color: #BBAA99;
   background-image: none;
}
.DropdownMenu1 .navbar-nav .show .dropdown-menu
{
   position: static !important;
   transform: translate3d(0px, 0px, 0px) !important;
   float: none;
   width: auto;
   margin-top: 0;
   background-color: transparent;
   border: 0;
   box-shadow: none;
}
.DropdownMenu1 .navbar-nav .show .dropdown-menu > li > a,
.DropdownMenu1 .navbar-nav .show .dropdown-menu .dropdown-header
{
   padding: 0;
}
.DropdownMenu1 .navbar-nav .show .dropdown-menu > li > a
{
   line-height: 20px;
}
}
@media (min-width: 0px) 
{
.DropdownMenu1 .navbar-nav > li > a
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #323F53;
   border-radius: 0px;
   margin-right: 5px;
   color: #FFFFFF;
}
.DropdownMenu1 .navbar-nav > li > a:hover,
.DropdownMenu1 .navbar-nav > li > a:focus
{
   color: #FFFFFF;
   background-color: #1E90FF;
   background-image: none;
}
.DropdownMenu1 .navbar-nav > li > a.active,
.DropdownMenu1 .navbar-nav > li > a.active:hover,
.DropdownMenu1 .navbar-nav > li > a.active:focus
{
   color: #FFFFFF;
   background-color: #1E90FF;
   background-image: none;
}
.DropdownMenu1 .navbar-nav > .show > a,
.DropdownMenu1 .navbar-nav > .show > a:hover,
.DropdownMenu1 .navbar-nav > .show > a:focus
{
   background-color: #1E90FF;
   background-image: none;
   color: #FFFFFF;
}
.DropdownMenu1 .navbar-nav > .dropdown > a:hover .arrow
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
.DropdownMenu1 .navbar-nav > .dropdown > a .arrow
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
.DropdownMenu1 .navbar-nav > li > a.active > .arrow,
.DropdownMenu1 .navbar-nav > li > a.active:hover > .arrow,
.DropdownMenu1 .navbar-nav > li > a.active:focus > .arrow
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
.DropdownMenu1 .navbar-nav > .show > a .arrow,
.DropdownMenu1 .navbar-nav > .show > a:hover .arrow,
.DropdownMenu1 .navbar-nav > .show > a:focus .arrow
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
.DropdownMenu1 .navbar-link
{
   color: #FFFFFF;
}
.DropdownMenu1 .navbar-link:hover 
{
   color: #fff;
}
}
#DropdownMenu1 i
{
   font-size: 16px;
   position: relative;
   left: 0;
   top: 0;
   margin-right: 4px;
   width: 16px;
}
#wb_DropdownMenu1
{
   z-index: 1111 !important;
}
#wb_entdeconect
{
   clear: both;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 7777;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-clip: padding-box;
   background-color: #044B9D;
   background-image: none;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#entdeconect
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#entdeconect > .col-1, #entdeconect > .col-2, #entdeconect > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#entdeconect > .col-1, #entdeconect > .col-2, #entdeconect > .col-3
{
   flex: 0 0 auto;
}
#entdeconect > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   flex-basis: 300px;
   max-width: 300px;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#entdeconect > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   flex-basis:  calc((100% - 360px) / 1);
   max-width:  calc((100% - 360px) / 1);
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#entdeconect > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   flex-basis: 60px;
   max-width: 60px;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 0px)
{
#entdeconect > .col-1, #entdeconect > .col-2, #entdeconect > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#FlexContainer4
{
   display: none;
   width: 100%;
   position: relative;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-end;
   align-items: center;
   align-content: flex-end;
   margin: 0 0 5px 0 ;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   font-size: 0;
}
#wb_layancre
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#layancre
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#layancre > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#layancre > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#layancre > .row > .col-1
{
   float: left;
}
#layancre > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#layancre:before,
#layancre:after,
#layancre .row:before,
#layancre .row:after
{
   display: table;
   content: " ";
}
#layancre:after,
#layancre .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#layancre > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_entete
{
   clear: both;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 7777;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-clip: padding-box;
   background-color: #044B9D;
   background-image: none;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#entete
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#entete > .col-1, #entete > .col-2, #entete > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#entete > .col-1, #entete > .col-2, #entete > .col-3
{
   flex: 0 0 auto;
}
#entete > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   flex-basis: 300px;
   max-width: 300px;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#entete > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   flex-basis:  calc((100% - 550px) / 1);
   max-width:  calc((100% - 550px) / 1);
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#entete > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   flex-basis: 250px;
   max-width: 250px;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
@media (max-width: 0px)
{
#entete > .col-1, #entete > .col-2, #entete > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Iconmess
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   display:inline-block;
   position:relative;
}
#wb_Iconmess a
{
   text-decoration: none;
}
#wb_Iconmess a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Iconmess
{
   height: 55px;
   width: 66px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Iconmess i
{
   color: #444444;
   display: inline-block;
   font-size: 55px;
   line-height: 55px;
   vertical-align: middle;
}
#wb_Iconmess:hover #Iconmess i
{
   color: #444444;
}
#messnotif
{
   list-style: none;
   padding: 8px 15px 8px 15px;
   background-color: transparent;
   background-image: none;
   border: 0px solid #C0C0C0;
   border-radius: 4px;
   font-family: Montserrat;
   font-weight: normal;
   font-style: normal;
   font-size: 0;
   margin: 0;
   text-align: center;
}
#messnotif > li
{
   display: inline-block;
   font-size: 19px;
   text-transform: none;
}
#messnotif a
{
   color: #FFFFFF;
   text-decoration: none;
}
#messnotif a:hover
{
   color: #FFBB00;
   text-decoration: underline;
}
#messnotif > .active
{
   color: #FFBB00;
}
#messnotif > .active a
{
   color: inherit;
   pointer-events: none;
}
#messnotif > li + li:before
{
   content: "|";
   padding: 0 20px;
   color: #E1E1E1;
}
#messnotif li i
{
   font-size: 19px;
   width: 21px;
}
#FlexContainer1
{
   display: none;
   width: 100%;
   position: relative;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   font-size: 0;
}
#wb_Image3
{
   margin: 0;
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 132px;
   height: 89px;
   vertical-align: top;
}
#wb_Iconnotif
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   display:inline-block;
   position:relative;
}
#wb_Iconnotif a
{
   text-decoration: none;
}
#wb_Iconnotif a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Iconnotif
{
   height: 55px;
   width: 66px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Iconnotif i
{
   color: #444444;
   display: inline-block;
   font-size: 55px;
   line-height: 55px;
   vertical-align: middle;
}
#wb_Iconnotif:hover #Iconnotif i
{
   color: #444444;
}
#wb_utilist
{
   position: relative;
}
#utilist
{
   overflow: hidden;
   background-color: #044B9D;
   text-align: right;
;
}
#utilist a
{
   display: inline-block;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   color: #FFBB00;
   padding: 10px 25px 10px 15px;
   text-align: center;
   text-decoration: none;
   transition: all 200ms linear;
}
#utilist .secondlevel
{
   display: inline-block;
   overflow: hidden;
   vertical-align: top;
}
#utilist .secondlevel .secondlevelbtn
{
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   border: none;
   outline: none;
   color: #FFBB00;
   padding: 10px 25px 10px 15px;
   background-color: inherit;
   margin: 0;
   transition: all 200ms linear;
}
#utilist a:hover, #utilist .secondlevel:hover .secondlevelbtn 
{
   background-color: #044B9D;
   color: #FFBB00;
}
#utilist .secondlevel-content
{
   background-color: #044B9D;
   display: none;
   left: 0;
   opacity: 0;
   position: absolute;
   transition: opacity 200ms linear;
   width: 100%;
   z-index: 1;
}
#utilist .secondlevel-content a
{
   display: inline-block;
   color: #FFBB00;
   padding: 10px 5px 10px 5px;
   text-decoration: none;
}
#utilist .secondlevel-content a:hover 
{
   background-color: #044B9D;
   color: #F5F5F5;
}
#utilist .secondlevel:hover .secondlevel-content 
{
   display: block;
   opacity: 1;
}
#utilist-align
{
   display:inline-block;
}
#utilist i
{
   font-size: 28px;
   margin-bottom: 4px;
   text-align: center;
   vertical-align: middle;
   width: 30px;
}
#utilist .secondlevel-content i
{
   font-size: 16px;
   margin-bottom: 0;
   width: 16px;
}
#wb_Icon3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   display:inline-block;
   position:relative;
}
#wb_Icon3 a
{
   text-decoration: none;
}
#wb_Icon3 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon3
{
   height: 55px;
   width: 66px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
.Icon3
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Material Icons";
   font-weight: normal;
   font-style: normal;
   line-height: 1;
}
.Icon3:before
{
   content: "\e22b";
}
#Icon3 i
{
   color: #444444;
   display: inline-block;
   font-size: 55px;
   line-height: 55px;
   vertical-align: middle;
}
#wb_Icon3:hover #Icon3 i
{
   color: #444444;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 89px 0 0 0 ;
}
#LayoutGrid1
{
   box-sizing: border-box;
   padding: 10px 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#LayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .row > .col-1
{
   float: left;
}
#LayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid1 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid1:before,
#LayoutGrid1:after,
#LayoutGrid1 .row:before,
#LayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid1:after,
#LayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 0 0 0;
   margin: 0;
   text-align: center;
}
#wb_Text1 div
{
   text-align: center;
}
#wb_Text1
{
   display: inline-block;
   margin: 0;
   width: 317px;
   height: 21px;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 10px 0 0 0;
   margin: 0;
   text-align: center;
}
#wb_Text3 div
{
   text-align: center;
}
#wb_Text3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_CardContainer1
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   position: relative;
   width: 100%;
}
#CardContainer1
{
   display: flex;
   position: relative;
   padding: 10px 10px 25px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: stretch;
   align-content: flex-start;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1400px;
   box-sizing: border-box;
   font-size: 0;
}
#wb_Card1
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 20%;
   align-self: auto;
   min-width: 200px;
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   max-width: calc(20% - 40px);
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #1E90FF;
   border-radius: 3px;
   text-align: center;
}
#Card1-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card1-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card2
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 20%;
   align-self: auto;
   min-width: 200px;
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   max-width: calc(20% - 40px);
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #1E90FF;
   border-radius: 3px;
   text-align: center;
}
#Card2-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card2-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card3
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 20%;
   align-self: auto;
   min-width: 200px;
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   max-width: calc(20% - 40px);
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #1E90FF;
   border-radius: 3px;
   text-align: center;
}
#Card3-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card3-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card4
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 20%;
   align-self: auto;
   min-width: 200px;
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   max-width: calc(20% - 40px);
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #1E90FF;
   border-radius: 3px;
   text-align: center;
}
#Card4-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card4-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card5
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 20%;
   align-self: auto;
   min-width: 200px;
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   max-width: calc(20% - 40px);
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #1E90FF;
   border-radius: 3px;
   text-align: center;
}
#Card5-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card5-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text2
{
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
}
#wb_Text2 div
{
   text-align: center;
}
#wb_Text2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_upIcon
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #3E3E3E;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 4px 4px 4px 4px;
   vertical-align: top;
}
#wb_upIcon a
{
   text-decoration: none;
}
#wb_upIcon a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#upIcon
{
   height: 24px;
   width: 24px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#upIcon i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 24px;
   line-height: 24px;
   vertical-align: middle;
}
#wb_upIcon:hover #upIcon i
{
   color: #F9F9F9;
}
#wb_OverlayMenu1
{
   position: relative;
   border: 0px none #FFFFFF;
   border-radius: 0px;
   margin: 10px 0 25px 0 ;
}
#wb_OverlayMenu1
{
   background-color: rgba(4,75,157,0.87);
}
#wb_OverlayMenu1 ul
{
   font-family: "Open Sans";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-decoration: none;
   text-transform: none;
   list-style: none;
   margin: 0;
   padding: 0;
}
.OverlayMenu1 a
{
   text-decoration: none;
}
.OverlayMenu1 ul
{
   list-style: none;
   padding: 0;
   text-align: left;
}
.OverlayMenu1 li
{
   position: relative;
}
.OverlayMenu1 li a
{
   display: block;
   position: relative;
   padding: 10px 15px 10px 15px;
   color: #FFFFFF;
   outline: none;
}
.OverlayMenu1 li a:hover, .OverlayMenu1 li a.active
{
   color: #FFFFFF;
}
.OverlayMenu1-effect:before
{
   background-color: #1E90FF;
}
#wb_OverlayMenu1 .overlay-icon
{
   margin: 0 20px 0 0 ;
}
.OverlayMenu1-effect
{
   display: inline-block;
   position: relative;
   transform: perspective(0px) translateX(0);
   transition: color 500ms linear;
}
.OverlayMenu1-effect:before
{
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: -1;
   opacity: 0;
   transform: scaleX(0);
   transform-origin: 50%;
   transition: all 500ms linear;
}
.OverlayMenu1-effect:hover:before, .OverlayMenu1-effect:focus:before, .OverlayMenu1-effect:active:before
{
   transform: scaleX(1);
   opacity: 1;
}
#Layermenu
{
   padding: 0;
}
#Layermenu_panel
{
   background-color: #044B9D;
   background-image: none;
   border: 1px solid #DCDCDC;
   box-sizing: border-box;
   border-radius: 0px;
   display: none;
   position: fixed;
   top: 0;
   height: 100%;
   width: 255px;
   overflow-y: auto;
   z-index: 9999;
}
#Button3
{
   box-sizing: border-box;
   line-height: 19px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #FFFFFF;
   border-radius: 4px;
   background-color: #044B9D;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   padding: 10px 6px 10px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0 10px 20px 10px;
}
#Button3:focus
{
   outline: 0;
}
#wb_Text8 
{
   background-color: transparent;
   background-image: none;
   border: 1px solid #FFFFFF;
   border-radius: 0px;
   padding: 10px 6px 10px 6px;
   margin: 15px 0 0 0 ;
   text-align: center;
}
#wb_Text8
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 19px;
}
#wb_Text8 div
{
   text-align: center;
}
#wb_Text8
{
   display: inline-block;
   margin: 15px 0 0 0 ;
   width: 215px;
   height: 26px;
}
#wb_Icon1
{
   background-color: #FFFFFF;
   background-image: none;
   border: 2px solid #FFBB00;
   border-radius: 100px;
   text-align: center;
   margin: 5px 10px 0 0 ;
   padding: 2px 2px 2px 2px;
   vertical-align: top;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   display:inline-block;
   position:relative;
}
#wb_Icon1 a
{
   text-decoration: none;
}
#wb_Icon1 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_Icon1:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 2px solid #FFFFFF;
}
#Icon1
{
   height: 27px;
   width: 22px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
.Icon1
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Material Icons";
   font-weight: normal;
   font-style: normal;
   line-height: 1;
}
.Icon1:before
{
   content: "\e14c";
}
#Icon1 i
{
   color: #2E6DA4;
   display: inline-block;
   font-size: 22px;
   line-height: 27px;
   vertical-align: middle;
}
#wb_Icon1:hover #Icon1 i
{
   color: #DC143C;
}
#wb_Iconex
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0 10px 0 10px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Iconex a
{
   text-decoration: none;
}
#wb_Iconex a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Iconex
{
   height: 41px;
   width: 34px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Iconex i
{
   color: #FFBB00;
   display: inline-block;
   font-size: 34px;
   line-height: 41px;
   vertical-align: middle;
}
#wb_Iconex:hover #Iconex i
{
   color: #1E90FF;
}
#ThemeableButton1
{
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   user-select: none;
   overflow: visible;
   text-decoration: none;
   cursor: pointer;
}
#wb_ThemeableButton1
{
   border-radius: 5px;
   margin: 0;
   vertical-align: top;
}
#ThemeableButton1
{
   box-sizing: border-box;
   padding: 2px 2px 2px 2px;
   text-align: center;
}
#wb_ThemeableButton1 .ui-button
{
   display: flex;
   align-items: center;
   margin: 0;
   justify-content: center;
}
#ThemeableButton1
{
   color: inherit;
}
#wb_ThemeableButton1 .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFBB00%22%20viewBox%3d%220%200%2064%2064%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M0%2053%20L65%2053%20L65%2065%20L0%2065Z%20%20M56%2012%20L50%2017%20L40%206%20L45%201%20C46%200%2c%2046%200%2c%2047%200%20C48%200%2c%2049%200%2c%2050%201%20L56%207%20C57%208%2c%2057%208%2c%2057%209%20C57%2010%2c%2057%2011%2c%2056%2012%20Z%20M48%2019%20L21%2046%20L10%2046%20L10%2035%20L38%208Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
   display: inline-block;
   overflow: visible;
   margin-right: 5px;
   vertical-align: middle;
   width: 16px;
   height: 16px;
}
#wb_ThemeableButton1:hover .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2064%2064%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M0%2053%20L65%2053%20L65%2065%20L0%2065Z%20%20M56%2012%20L50%2017%20L40%206%20L45%201%20C46%200%2c%2046%200%2c%2047%200%20C48%200%2c%2049%200%2c%2050%201%20L56%207%20C57%208%2c%2057%208%2c%2057%209%20C57%2010%2c%2057%2011%2c%2056%2012%20Z%20M48%2019%20L21%2046%20L10%2046%20L10%2035%20L38%208Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_ThemeableButton1:active .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2064%2064%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M0%2053%20L65%2053%20L65%2065%20L0%2065Z%20%20M56%2012%20L50%2017%20L40%206%20L45%201%20C46%200%2c%2046%200%2c%2047%200%20C48%200%2c%2049%200%2c%2050%201%20L56%207%20C57%208%2c%2057%208%2c%2057%209%20C57%2010%2c%2057%2011%2c%2056%2012%20Z%20M48%2019%20L21%2046%20L10%2046%20L10%2035%20L38%208Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_ThemeableButton1 .ui-corner-all, #wb_ThemeableButton1 .ui-corner-left
{
   border-bottom-left-radius: 5px;
   border-top-left-radius: 5px;
}
#wb_ThemeableButton1 .ui-corner-all, #wb_ThemeableButton1 .ui-corner-right
{
   border-bottom-right-radius: 5px;
   border-top-right-radius: 5px;
}
#wb_ThemeableButton1 .ui-button
{
   background-color: #044B9D;
   background-image: none;
   border: 1px solid #FFBB00;
   color: #FFFFFF;
}
#wb_ThemeableButton1 .ui-state-hover, #wb_ThemeableButton1 .ui-button:hover
{
   border-color: #00BFFF;
   background-color: #1E90FF;
   background-image: none;
   color: #FFFFFF;
}
#wb_ThemeableButton1 .ui-button:disabled
{
   opacity: .5;
   pointer-events: none;
}
#wb_ThemeableButton1 .ui-state-active, #wb_ThemeableButton1 .ui-button:active
{
   border-color: #2E6DA4;
   background-color: #000000;
   background-image: none;
   color: #FFFFFF;
}
#wb_Image1
{
   margin: 0;
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 132px;
   height: 89px;
   vertical-align: top;
}
#wb_Icon2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#wb_Icon2 a
{
   text-decoration: none;
}
#wb_Icon2 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon2
{
   height: 25px;
   width: 23px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
.Icon2
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Material Icons";
   font-weight: normal;
   font-style: normal;
   line-height: 1;
}
.Icon2:before
{
   content: "\e22b";
}
#Icon2 i
{
   color: #FFBB00;
   display: inline-block;
   font-size: 23px;
   line-height: 25px;
   vertical-align: middle;
}
#wb_Icon2:hover #Icon2 i
{
   color: #FFBB00;
}
#wb_codht
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#codht
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#codht > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#codht > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#codht > .row > .col-1
{
   float: left;
}
#codht > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#codht:before,
#codht:after,
#codht .row:before,
#codht .row:after
{
   display: table;
   content: " ";
}
#codht:after,
#codht .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#codht > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_PanelMenu1 a, #PanelMenu1_markup li a
{
   display: block;
   text-align: left;
   vertical-align: middle;
}
#wb_PanelMenu1
{
   margin: 0 0 0 50px;
}
#PanelMenu1_markup
{
   display: none;
   margin: 0;
   padding: 20px 10px 10px 10px;
}
#PanelMenu1_panel #PanelMenu1_markup
{
   display: block;
}
#PanelMenu1_markup ul
{
   list-style: none;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#PanelMenu1_markup li a, #PanelMenu1_markup li a:hover, #PanelMenu1_markup li .active
{
   padding: 10px 10px 10px 10px;
   border-width: 0 0 0px 0 !important;
   border-radius: 0;
   box-shadow: none;
}
#PanelMenu1_markup .divider
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #757575;
}
#PanelMenu1_panel
{
   display: none;
   position: fixed;
   top: 0;
   height: 100%;
   width: 255px;
   z-index: 9999;
}
#PanelMenu1_overlay
{
   display: none;
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #000000;
   opacity: 0;
   z-index: 9998;
}
#wb_PanelMenu1 a
{
   color: #FFFFFF;
   border: 0px none #757575;
   border-radius: 0px;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-align: right;
   text-transform: none;
}
#wb_PanelMenu1 a:hover
{
   color: #FFFFFF;
   background-color: #1E90FF;
   border: 0px none #757575;
}
#PanelMenu1 .line
{
   width: 22px;
   border-radius: 2px;
   height: 4px;
   background: #FFFFFF;
   display: block;
   margin: 4px auto;
   transition: all 0.3s ease-in-out;
}
#PanelMenu1 .line:first-child
{
   margin-top: 21px;
}
#PanelMenu1.open .line:nth-child(1)
{
   transform: translateY(8px) rotate(45deg);
}
#PanelMenu1.open .line:nth-child(2)
{
   opacity: 0;
}
#PanelMenu1.open .line:nth-child(3)
{
   transform: translateY(-8px) rotate(-45deg);
}
#PanelMenu1
{
   line-height: 64px;
   width: 62px;
   height: 64px;
   position: absolute;
   z-index: 999;
}
#PanelMenu1-close
{
   display: none;
   text-align: right;
}
#PanelMenu1-close a
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 44px;
   font-weight: bold;
   padding: 5px 10px 5px 10px;
   text-decoration: none;
}
#PanelMenu1-close a:hover
{
   color: #FFFFFF;
}
@media all and (max-width:768px) 
{
#PanelMenu1_panel
{
   width: 100%;
}
body
{
   margin-left: 0 !important;
}
#PanelMenu1-close
{
   display: block;
}
}
#PanelMenu1-footer
{
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 16px;
   padding: 0 0 16px 0;
   text-align: center;
}
#PanelMenu1-logo
{
   border-width: 0;
   padding: 10px 10px 10px 10px;
   text-align: right;
}
#PanelMenu1-logo img
{
   border-width: 0;
   height: auto;
   max-width: 100%;
}
.PanelMenu1-effect
{
   display: inline-block;
   transform: perspective(0px) translateX(0);
   position: relative;
   transition: color 500ms linear;
}
.PanelMenu1-effect:before 
{
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: -1;
   transform: scaleX(0);
   transform-origin: 0 50%;
   transition: all 500ms linear;
}
.PanelMenu1-effect:hover:before, .PanelMenu1-effect:focus:before, .PanelMenu1-effect:active:before
{
   transform: scaleX(1);
}
#wb_PanelMenu3 a, #PanelMenu3_markup li a
{
   display: block;
   text-align: left;
   vertical-align: middle;
}
#wb_PanelMenu3
{
   margin: 0 0 0 50px;
}
#PanelMenu3_markup
{
   display: none;
   margin: 0;
   padding: 10px 10px 10px 10px;
}
#PanelMenu3_panel #PanelMenu3_markup
{
   display: block;
}
#PanelMenu3_markup ul
{
   list-style: none;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#PanelMenu3_markup li a, #PanelMenu3_markup li a:hover, #PanelMenu3_markup li .active
{
   padding: 10px 10px 10px 10px;
   border-width: 0 0 0px 0 !important;
   border-radius: 0;
   box-shadow: none;
}
#PanelMenu3_markup .divider
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #757575;
}
#PanelMenu3_panel
{
   display: none;
   position: fixed;
   top: 0;
   height: 100%;
   width: 250px;
   z-index: 9999;
}
#PanelMenu3_overlay
{
   display: none;
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #000000;
   opacity: 0;
   z-index: 9998;
}
#PanelMenu3_markup li a
{
   color: #FFFFFF;
   border: 0px solid #757575;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#wb_PanelMenu3 a
{
   color: #FFFFFF;
   border: 0px none #757575;
   border-radius: 0px;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-align: right;
   text-transform: none;
}
#PanelMenu3_markup li:nth-child(n+2) a, #PanelMenu3_markup li:nth-child(n+2) a:hover
{
   border-top-color: transparent !important;
}
#PanelMenu3_markup li a:hover
{
   color: #FFFFFF;
}
.PanelMenu3-effect:before, #PanelMenu3_markup li .active
{
   background-color: #1E90FF;
   border: 0px solid #757575;
}
#PanelMenu3_markup li a .icon
{
   fill: currentColor;
   margin-right: 0px;
   height: 22px;
   width: 22px;
   vertical-align: middle;
}
#PanelMenu3_markup li a:hover .icon
{
   fill: currentColor;
}
#wb_PanelMenu3 a:hover
{
   color: #FFFFFF;
   background-color: #1E90FF;
   border: 0px none #757575;
}
#PanelMenu3_panel
{
   background-color: #044B9D;
   overflow-y: auto;
}
#PanelMenu3 .line
{
   width: 22px;
   border-radius: 2px;
   height: 4px;
   background: #FFFFFF;
   display: block;
   margin: 4px auto;
   transition: all 0.3s ease-in-out;
}
#PanelMenu3 .line:first-child
{
   margin-top: 21px;
}
#PanelMenu3.open .line:nth-child(1)
{
   transform: translateY(8px) rotate(45deg);
}
#PanelMenu3.open .line:nth-child(2)
{
   opacity: 0;
}
#PanelMenu3.open .line:nth-child(3)
{
   transform: translateY(-8px) rotate(-45deg);
}
#PanelMenu3
{
   line-height: 64px;
   width: 72px;
   height: 64px;
   position: absolute;
   z-index: 999;
}
#PanelMenu3-logo
{
   border-width: 0;
   padding: 10px 10px 10px 10px;
   text-align: right;
}
#PanelMenu3-logo img
{
   border-width: 0;
   height: auto;
   max-width: 100%;
}
.PanelMenu3-effect
{
   display: inline-block;
   transform: perspective(0px) translateX(0);
   position: relative;
   transition: color 500ms linear;
}
.PanelMenu3-effect:before 
{
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: -1;
   transform: scaleX(0);
   transform-origin: 0 50%;
   transition: all 500ms linear;
}
.PanelMenu3-effect:hover:before, .PanelMenu3-effect:focus:before, .PanelMenu3-effect:active:before
{
   transform: scaleX(1);
}
#upStickyLayer
{
   background-color: #044B9D;
   background-image: none;
   border: 2px solid #1E90FF;
   border-radius: 50%;
}
#ThemeableButton2
{
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   user-select: none;
   overflow: visible;
   text-decoration: none;
   cursor: pointer;
}
#wb_ThemeableButton2
{
   border-radius: 5px;
   margin: 0;
   vertical-align: top;
}
#ThemeableButton2
{
   box-sizing: border-box;
   padding: 2px 2px 2px 2px;
   text-align: center;
}
#wb_ThemeableButton2 .ui-button
{
   display: flex;
   align-items: center;
   margin: 0;
   justify-content: center;
}
#ThemeableButton2
{
   color: inherit;
}
#wb_ThemeableButton2 .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFBB00%22%20viewBox%3d%220%200%2064%2064%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M0%2053%20L65%2053%20L65%2065%20L0%2065Z%20%20M56%2012%20L50%2017%20L40%206%20L45%201%20C46%200%2c%2046%200%2c%2047%200%20C48%200%2c%2049%200%2c%2050%201%20L56%207%20C57%208%2c%2057%208%2c%2057%209%20C57%2010%2c%2057%2011%2c%2056%2012%20Z%20M48%2019%20L21%2046%20L10%2046%20L10%2035%20L38%208Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
   display: inline-block;
   overflow: visible;
   margin-right: 5px;
   vertical-align: middle;
   width: 16px;
   height: 16px;
}
#wb_ThemeableButton2:hover .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2064%2064%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M0%2053%20L65%2053%20L65%2065%20L0%2065Z%20%20M56%2012%20L50%2017%20L40%206%20L45%201%20C46%200%2c%2046%200%2c%2047%200%20C48%200%2c%2049%200%2c%2050%201%20L56%207%20C57%208%2c%2057%208%2c%2057%209%20C57%2010%2c%2057%2011%2c%2056%2012%20Z%20M48%2019%20L21%2046%20L10%2046%20L10%2035%20L38%208Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_ThemeableButton2:active .ui-primary
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23FFFFFF%22%20viewBox%3d%220%200%2064%2064%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M0%2053%20L65%2053%20L65%2065%20L0%2065Z%20%20M56%2012%20L50%2017%20L40%206%20L45%201%20C46%200%2c%2046%200%2c%2047%200%20C48%200%2c%2049%200%2c%2050%201%20L56%207%20C57%208%2c%2057%208%2c%2057%209%20C57%2010%2c%2057%2011%2c%2056%2012%20Z%20M48%2019%20L21%2046%20L10%2046%20L10%2035%20L38%208Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#wb_ThemeableButton2 .ui-corner-all, #wb_ThemeableButton2 .ui-corner-left
{
   border-bottom-left-radius: 5px;
   border-top-left-radius: 5px;
}
#wb_ThemeableButton2 .ui-corner-all, #wb_ThemeableButton2 .ui-corner-right
{
   border-bottom-right-radius: 5px;
   border-top-right-radius: 5px;
}
#wb_ThemeableButton2 .ui-button
{
   background-color: #044B9D;
   background-image: none;
   border: 1px solid #FFBB00;
   color: #FFFFFF;
}
#wb_ThemeableButton2 .ui-state-hover, #wb_ThemeableButton2 .ui-button:hover
{
   border-color: #00BFFF;
   background-color: #1E90FF;
   background-image: none;
   color: #FFFFFF;
}
#wb_ThemeableButton2 .ui-button:disabled
{
   opacity: .5;
   pointer-events: none;
}
#wb_ThemeableButton2 .ui-state-active, #wb_ThemeableButton2 .ui-button:active
{
   border-color: #2E6DA4;
   background-color: #000000;
   background-image: none;
   color: #FFFFFF;
}
#wb_Icon4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   display:inline-block;
   position:relative;
}
#wb_Icon4 a
{
   text-decoration: none;
}
#wb_Icon4 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon4
{
   height: 55px;
   width: 66px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Icon4 i
{
   color: #444444;
   display: inline-block;
   font-size: 55px;
   line-height: 55px;
   vertical-align: middle;
}
#wb_Icon4:hover #Icon4 i
{
   color: #444444;
}
#wb_Icon5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   display:inline-block;
   position:relative;
}
#wb_Icon5 a
{
   text-decoration: none;
}
#wb_Icon5 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon5
{
   height: 55px;
   width: 66px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Icon5 i
{
   color: #444444;
   display: inline-block;
   font-size: 55px;
   line-height: 55px;
   vertical-align: middle;
}
#wb_Icon5:hover #Icon5 i
{
   color: #444444;
}
#wb_Icon6
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   display:inline-block;
   position:relative;
}
#wb_Icon6 a
{
   text-decoration: none;
}
#wb_Icon6 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon6
{
   height: 55px;
   width: 66px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
.Icon6
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Material Icons";
   font-weight: normal;
   font-style: normal;
   line-height: 1;
}
.Icon6:before
{
   content: "\e22b";
}
#Icon6 i
{
   color: #444444;
   display: inline-block;
   font-size: 55px;
   line-height: 55px;
   vertical-align: middle;
}
#wb_Icon6:hover #Icon6 i
{
   color: #444444;
}
#wb_footerText 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_footerText
{
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
}
#wb_footerText div
{
   text-align: center;
}
#wb_footerText
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_layfooter
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #F9F9F9;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#layfooter
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 25px 0 25px 0;
   margin-right: auto;
   margin-left: auto;
}
#layfooter > .col-1, #layfooter > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#layfooter > .col-1, #layfooter > .col-2
{
   flex: 0 0 auto;
}
#layfooter > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#layfooter > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 50%;
   max-width: 50%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#layfooter > .col-1, #layfooter > .col-2
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#Flexbasconect
{
   display: none;
   width: 100%;
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   z-index: 7777;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   font-size: 0;
}
#Html3
{
   display: inline-block;
   width: 146px;
   height: 28px;
   z-index: 37;
}
#wb_Icon1
{
   display: inline-block;
   width: 22px;
   height: 27px;
   text-align: center;
   z-index: 32;
}
#wb_PanelMenu1
{
   display: inline-block;
   width: 62px;
   height: 64px;
   text-align: right;
   z-index: 8;
}
#wb_ThemeableButton1
{
   display: inline-block;
   width: 212px;
   height: 34px;
   z-index: 3;
}
#wb_Icon6
{
   display: inline-block;
   width: 66px;
   height: 55px;
   text-align: center;
   z-index: 45;
}
#Button3
{
   display: inline-block;
   width: 197px;
   height: 41px;
   z-index: 36;
}
#wb_Card1
{
   display: flex;
   z-index: 19;
}
#Html1
{
   display: inline-block;
   width: 217px;
   height: 23px;
   z-index: 39;
}
#wb_OverlayMenu1
{
   display: block;
   width: 100%;
   z-index: 35;
}
#wb_Iconmess
{
   display: inline-block;
   width: 66px;
   height: 55px;
   text-align: center;
   z-index: 9;
}
#wb_PanelMenu3
{
   display: inline-block;
   width: 72px;
   height: 64px;
   text-align: right;
   z-index: 1;
}
#wb_Image1
{
   display: inline-block;
   width: 132px;
   height: 89px;
   z-index: 0;
}
#wb_Icon4
{
   display: inline-block;
   width: 66px;
   height: 55px;
   text-align: center;
   z-index: 43;
}
#wb_upIcon
{
   position: absolute;
   left: 8px;
   top: 6px;
   width: 24px;
   height: 24px;
   text-align: center;
   z-index: 40;
}
#wb_Card3
{
   display: flex;
   z-index: 21;
}
#wb_messnotif
{
   display: inline-block;
   width: 406px;
   height: 37px;
   z-index: 12;
   vertical-align: top;
}
#wb_Icon5
{
   display: inline-block;
   width: 66px;
   height: 55px;
   text-align: center;
   z-index: 44;
}
#wb_Card2
{
   display: flex;
   z-index: 20;
}
#wb_Image3
{
   display: inline-block;
   width: 132px;
   height: 89px;
   z-index: 7;
}
#wb_Iconex
{
   display: inline-block;
   width: 34px;
   height: 41px;
   text-align: center;
   z-index: 5;
}
#ThemeableButton2
{
   width: 100%;
   height: 100%;
}
#ThemeableButton1
{
   width: 100%;
   height: 100%;
}
#wb_Card5
{
   display: flex;
   z-index: 23;
}
#wb_ThemeableButton2
{
   display: inline-block;
   width: 212px;
   height: 34px;
   z-index: 14;
}
#wb_Icon2
{
   display: none;
   width: 23px;
   height: 25px;
   text-align: center;
   z-index: 4;
}
#upStickyLayer
{
   position: fixed;
   text-align: left;
   left: auto;
   right: 25px;
   top: auto;
   bottom: 100px;
   width: 48px;
   height: 48px;
   z-index: 52;
}
#Layermenu
{
   text-align: center;
}
#wb_Card4
{
   display: flex;
   z-index: 22;
}
#wb_utilist
{
   display: block;
   position: relative;
   width: 100%;
   z-index: 15;
}
#wb_Icon3
{
   display: inline-block;
   width: 66px;
   height: 55px;
   text-align: center;
   z-index: 11;
}
#wb_Iconnotif
{
   display: inline-block;
   width: 66px;
   height: 55px;
   text-align: center;
   z-index: 10;
}
#wb_DropdownMenu1
{
   display: inline-block;
   width: 555px;
   height: 66px;
   z-index: 2;
}
#Html2
{
   display: inline-block;
   width: 180px;
   height: 27px;
   z-index: 38;
}
@media only screen and (min-width: 1024px) and (max-width: 1278px)
{
body
{
   background-color: #F5F7FA;
   background-image: none;
}
#wb_DropdownMenu1
{
   width: 391px;
   height: 66px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#DropdownMenu1, .DropdownMenu1 .nav, .DropdownMenu1 .dropdown-menu
{
   font-weight: normal;
   font-size: 19px;
}
#wb_entdeconect
{
   visibility: visible;
   display: table;
}
#wb_entdeconect
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#entdeconect
{
   height: auto;
   padding: 0;
}
#entdeconect > .col-1, #entdeconect > .col-2, #entdeconect > .col-3
{
   padding-right: 0px;
   padding-left: 0px;
}
#entdeconect > .col-1
{
   display: flex;
   flex-basis: 300px;
   max-width: 300px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#entdeconect > .col-2
{
   display: flex;
   flex-basis:  calc((100% - 360px) / 1);
   max-width:  calc((100% - 360px) / 1);
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#entdeconect > .col-3
{
   display: flex;
   flex-basis: 60px;
   max-width: 60px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#FlexContainer4
{
   width: 100%;
   visibility: hidden;
   display: none;
}
#FlexContainer4
{
   min-height: 0;
   margin: 0 0 5px 0 ;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_layancre
{
   visibility: visible;
   display: table;
}
#wb_layancre
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#layancre
{
   height: auto;
   padding: 0 15px 0 15px;
}
#layancre .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#layancre > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#layancre > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_entete
{
   visibility: visible;
   display: table;
}
#wb_entete
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#entete
{
   height: auto;
   padding: 0;
}
#entete > .col-1, #entete > .col-2, #entete > .col-3
{
   padding-right: 0px;
   padding-left: 0px;
}
#entete > .col-1
{
   display: flex;
   flex-basis: 300px;
   max-width: 300px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#entete > .col-2
{
   display: flex;
   flex-basis:  calc((100% - 530px) / 1);
   max-width:  calc((100% - 530px) / 1);
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#entete > .col-3
{
   display: flex;
   flex-basis: 230px;
   max-width: 230px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#wb_Iconmess
{
   width: 66px;
   height: 55px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #444444;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Iconmess
{
   width: 66px;
   height: 55px;
}
#Iconmess i
{
   line-height: 55px;
   font-size: 55px;
   width: 54px;
   color: #444444;
}
#Iconmess:hover i
{
   color: #444444;
}
#wb_Iconmess:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_messnotif
{
   width: 325px;
   height: 37px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#messnotif
{
   font-weight: normal;
   padding: 8px 15px 8px 15px;
   text-align: left;
}
#messnotif > li
{
   font-size: 19px;
}
#messnotif > li + li:before
{
   padding: 0 10px;
}
#FlexContainer1
{
   width: 100%;
   visibility: hidden;
   display: none;
}
#FlexContainer1
{
   min-height: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Image3
{
   width: 132px;
   height: 89px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image3
{
   width: 132px;
   height: 89px;
}
#wb_Iconnotif
{
   width: 66px;
   height: 55px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #444444;
   font-size: 8px;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Iconnotif
{
   width: 66px;
   height: 55px;
}
#Iconnotif i
{
   line-height: 55px;
   font-size: 55px;
   width: 54px;
   color: #444444;
}
#Iconnotif:hover i
{
   color: #444444;
}
#wb_Iconnotif:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_utilist
{
   visibility: visible;
   display: block;
}
#utilist a, #utilist .secondlevel .secondlevelbtn
{
   font-size: 16px;
}
#utilist a
{
   font-size: 16px;
   padding: 10px 20px 10px 15px;
}
#utilist .secondlevel .secondlevelbtn
{
   font-size: 16px;
   padding: 10px 20px 10px 15px;
}
#utilist .secondlevel-content a
{
   padding: 10px 5px 10px 5px;
}
#utilist i
{
   font-size: 28px;
   width: 30px;
}
#utilist .secondlevel-content i
{
   font-size: 16px;
   width: 16px;
}
#wb_Icon3
{
   width: 66px;
   height: 55px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #444444;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon3
{
   width: 66px;
   height: 55px;
}
#Icon3 i
{
   line-height: 55px;
   font-size: 55px;
   width: 54px;
   color: #444444;
}
#Icon3:hover i
{
   color: #444444;
}
#wb_Icon3:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#Html1
{
   width: 274px;
   height: 89px;
   visibility: visible;
   display: inline-block;
}
#Html2
{
   width: 241px;
   height: 41px;
   visibility: visible;
   display: inline-block;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 89px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: auto;
   padding: 10px 15px 0 15px;
}
#LayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_Text1
{
   width: 317px;
   height: 21px;
   visibility: visible;
   display: inline-block;
}
#wb_Text1
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text3
{
   visibility: visible;
   display: block;
}
#wb_Text3
{
   margin: 0;
   padding: 10px 0 0 0;
}
#wb_CardContainer1
{
   width: 100%;
   visibility: visible;
   display: block;
}
#CardContainer1
{
   padding: 10px 10px 25px 10px;
}
#wb_Card1
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 20px 20px 20px 20px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 25%;
   align-self: auto;
   min-width: 200px;
}
#Card1-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card1
{
   text-align: center;
}
#wb_Card1
{
   max-width: calc(25% - 40px);
}
#wb_Card2
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 20px 20px 20px 20px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 25%;
   align-self: auto;
   min-width: 200px;
}
#Card2-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card2
{
   text-align: center;
}
#wb_Card2
{
   max-width: calc(25% - 40px);
}
#wb_Card3
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 20px 20px 20px 20px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 25%;
   align-self: auto;
   min-width: 200px;
}
#Card3-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card3
{
   text-align: center;
}
#wb_Card3
{
   max-width: calc(25% - 40px);
}
#wb_Card4
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 20px 20px 20px 20px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 25%;
   align-self: auto;
   min-width: 200px;
}
#Card4-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card4
{
   text-align: center;
}
#wb_Card4
{
   max-width: calc(25% - 40px);
}
#wb_Card5
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 20px 20px 20px 20px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 25%;
   align-self: auto;
   min-width: 200px;
}
#Card5-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card5
{
   text-align: center;
}
#wb_Card5
{
   max-width: calc(25% - 40px);
}
#wb_Text2
{
   visibility: visible;
   display: block;
}
#wb_Text2
{
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_upIcon
{
   left: 8px;
   top: 6px;
   width: 24px;
   height: 24px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
}
#upIcon
{
   width: 24px;
   height: 24px;
}
#upIcon i
{
   line-height: 24px;
   font-size: 24px;
   width: 23px;
}
#wb_OverlayMenu1
{
   width: 252px;
   height: 511px;
   visibility: visible;
   display: inline-block;
   margin: 10px 0 25px 0 ;
}
#OverlayMenu1-overlay ul
{
   font-size: 15px;
   text-align: left;
}
#Layermenu
{
   left: 9px;
   top: 504px;
   width: 250px;
}
#Layermenu_panel
{
   height: 100%;
   width: 250px;
}
#Layermenu
{
   padding: 0;
}
#Button3
{
   width: 197px;
   height: 59px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 20px 10px;
   padding: 10px 6px 10px 6px;
}
#Button3
{
   line-height: 37px;
}
#wb_Text8
{
   width: 203px;
   height: 31px;
   visibility: visible;
   display: inline-block;
}
#wb_Text8
{
   font-size: 19px;
   margin: 15px 0 0 0 ;
   padding: 10px 6px 10px 6px;
   text-align: center;
}
#wb_Icon1
{
   width: 11px;
   height: 16px;
   visibility: visible;
   display: inline;
   margin: 5px 10px 0 0 ;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 2px 2px 2px 2px;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   background-image: none;
   border: 2px solid #FFFFFF;
   box-shadow: 0px 0px 0px #000000;
}
#Icon1
{
   width: 11px;
   height: 16px;
}
#Icon1 i
{
   line-height: 16px;
   font-size: 11px;
   width: 20px;
   color: #FFFFFF;
}
#Icon1:hover i
{
   color: #DC143C;
}
#wb_Icon1:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 2px solid #FFFFFF;
}
#wb_Iconex
{
   width: 30px;
   height: 41px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 10px;
   padding: 0;
   color: #FFBB00;
}
#Iconex
{
   width: 30px;
   height: 41px;
}
#Iconex i
{
   line-height: 41px;
   font-size: 30px;
   width: 29px;
   color: #FFBB00;
}
#Iconex:hover i
{
   color: #1E90FF;
}
#wb_ThemeableButton1
{
   width: 190px;
   height: 46px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#ThemeableButton1
{
   font-size: 16px;
}
#wb_ThemeableButton1 .ui-button
{
   line-height: 40px;
   padding: 2px 2px 2px 2px;
}
#wb_Image1
{
   width: 132px;
   height: 89px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image1
{
   width: 132px;
   height: 89px;
}
#wb_Icon2
{
   width: 23px;
   height: 25px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
   color: #FFBB00;
}
#Icon2
{
   width: 23px;
   height: 25px;
}
#Icon2 i
{
   line-height: 25px;
   font-size: 23px;
   width: 22px;
   color: #FFBB00;
}
#Icon2:hover i
{
   color: #FFBB00;
}
#wb_codht
{
   visibility: visible;
   display: table;
}
#wb_codht
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#codht
{
   height: auto;
   padding: 0 15px 0 15px;
}
#codht .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#codht > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#codht > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#Html3
{
   width: 146px;
   height: 28px;
   visibility: visible;
   display: inline-block;
}
#wb_PanelMenu1
{
   width: 62px;
   height: 64px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 0 50px;
}
#PanelMenu1
{
   line-height: 64px;
   width: 62px;
   height: 64px;
}
#PanelMenu1 .line:first-child
{
   margin-top: 21px;
}
#wb_PanelMenu1 a
{
   color: #FFFFFF;
   border: 0px none #757575;
   border-radius: 0px;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   text-align: right;
   text-transform: none;
}
#wb_PanelMenu1 a:hover
{
   color: #FFFFFF;
   background-color: #1E90FF;
   border: 0px none #757575;
}
#wb_PanelMenu3
{
   width: 72px;
   height: 64px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 0 50px;
}
#PanelMenu3
{
   line-height: 64px;
   width: 72px;
   height: 64px;
}
#PanelMenu3 .line:first-child
{
   margin-top: 21px;
}
#PanelMenu3_markup li a
{
   color: #FFFFFF;
   border: 0px solid #757575;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#wb_PanelMenu3 a
{
   color: #FFFFFF;
   border: 0px none #757575;
   border-radius: 0px;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-align: right;
   text-transform: none;
}
#PanelMenu3_markup li:nth-child(n+2) a, #PanelMenu3_markup li:nth-child(n+2) a:hover
{
   border-top-color: transparent !important;
}
#PanelMenu3_markup li a:hover
{
   color: #FFFFFF;
}
.PanelMenu3-effect:before, #PanelMenu3_markup li .active
{
   background-color: #1E90FF;
   border: 0px solid #757575;
}
#PanelMenu3_markup li a .icon
{
   fill: currentColor;
   margin-right: 0px;
   height: 22px;
   width: 22px;
   vertical-align: middle;
}
#PanelMenu3_markup li a:hover .icon
{
   fill: currentColor;
}
#wb_PanelMenu3 a:hover
{
   color: #FFFFFF;
   background-color: #1E90FF;
   border: 0px none #757575;
}
#PanelMenu3_panel
{
   background-color: #044B9D;
   overflow-y: auto;
}
#upStickyLayer
{
   width: 48px;
   height: 48px;
   visibility: visible;
   display: block;
}
#wb_ThemeableButton2
{
   width: 123px;
   height: 46px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#ThemeableButton2
{
   font-size: 16px;
}
#wb_ThemeableButton2 .ui-button
{
   line-height: 40px;
   padding: 2px 2px 2px 2px;
}
#wb_Icon4
{
   width: 66px;
   height: 55px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #444444;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon4
{
   width: 66px;
   height: 55px;
}
#Icon4 i
{
   line-height: 55px;
   font-size: 55px;
   width: 54px;
   color: #444444;
}
#Icon4:hover i
{
   color: #444444;
}
#wb_Icon4:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_Icon5
{
   width: 66px;
   height: 55px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #444444;
   font-size: 8px;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon5
{
   width: 66px;
   height: 55px;
}
#Icon5 i
{
   line-height: 55px;
   font-size: 55px;
   width: 54px;
   color: #444444;
}
#Icon5:hover i
{
   color: #444444;
}
#wb_Icon5:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_Icon6
{
   width: 66px;
   height: 55px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #444444;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon6
{
   width: 66px;
   height: 55px;
}
#Icon6 i
{
   line-height: 55px;
   font-size: 55px;
   width: 54px;
   color: #444444;
}
#Icon6:hover i
{
   color: #444444;
}
#wb_Icon6:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_footerText
{
   visibility: visible;
   display: block;
}
#wb_footerText
{
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_layfooter
{
   visibility: visible;
   display: table;
   background-color: #F9F9F9;
   background-image: none;
}
#wb_layfooter
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#layfooter
{
   height: auto;
   padding: 25px 0 25px 0;
}
#layfooter > .col-1, #layfooter > .col-2
{
   padding-right: 15px;
   padding-left: 15px;
}
#layfooter > .col-1
{
   display: flex;
   flex-basis: 50%;
   max-width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#layfooter > .col-2
{
   display: flex;
   flex-basis: 50%;
   max-width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#Flexbasconect
{
   visibility: hidden;
   display: none;
   background-color: transparent;
   background-image: none;
}
#Flexbasconect
{
   min-height: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
}
@media only screen and (min-width: 980px) and (max-width: 1023px)
{
body
{
   background-color: #F5F7FA;
   background-image: none;
}
#wb_DropdownMenu1
{
   width: 391px;
   height: 66px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#DropdownMenu1, .DropdownMenu1 .nav, .DropdownMenu1 .dropdown-menu
{
   font-weight: normal;
   font-size: 19px;
}
#wb_entdeconect
{
   visibility: visible;
   display: table;
}
#wb_entdeconect
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#entdeconect
{
   height: auto;
   padding: 0;
}
#entdeconect > .col-1, #entdeconect > .col-2, #entdeconect > .col-3
{
   padding-right: 0px;
   padding-left: 0px;
}
#entdeconect > .col-1
{
   display: flex;
   flex-basis: 300px;
   max-width: 300px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#entdeconect > .col-2
{
   display: flex;
   flex-basis:  calc((100% - 360px) / 1);
   max-width:  calc((100% - 360px) / 1);
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#entdeconect > .col-3
{
   display: flex;
   flex-basis: 60px;
   max-width: 60px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#FlexContainer4
{
   width: 100%;
   visibility: hidden;
   display: none;
}
#FlexContainer4
{
   min-height: 0;
   margin: 0 0 5px 0 ;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_layancre
{
   visibility: visible;
   display: table;
}
#wb_layancre
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#layancre
{
   height: auto;
   padding: 0 15px 0 15px;
}
#layancre .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#layancre > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#layancre > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_entete
{
   visibility: visible;
   display: table;
}
#wb_entete
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#entete
{
   height: auto;
   padding: 0;
}
#entete > .col-1, #entete > .col-2, #entete > .col-3
{
   padding-right: 0px;
   padding-left: 0px;
}
#entete > .col-1
{
   display: flex;
   flex-basis: 300px;
   max-width: 300px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#entete > .col-2
{
   display: flex;
   flex-basis:  calc((100% - 500px) / 1);
   max-width:  calc((100% - 500px) / 1);
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#entete > .col-3
{
   display: flex;
   flex-basis: 200px;
   max-width: 200px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#wb_Iconmess
{
   width: 37px;
   height: 33px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Iconmess
{
   width: 37px;
   height: 33px;
}
#Iconmess i
{
   line-height: 33px;
   font-size: 33px;
   width: 32px;
   color: #FFFFFF;
}
#Iconmess:hover i
{
   color: #FFBB00;
}
#wb_Iconmess:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_messnotif
{
   width: 320px;
   height: 37px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#messnotif
{
   font-weight: normal;
   padding: 8px 15px 8px 15px;
   text-align: center;
}
#messnotif > li
{
   font-size: 16px;
}
#messnotif > li + li:before
{
   padding: 0 20px;
}
#FlexContainer1
{
   width: 100%;
   visibility: hidden;
   display: none;
}
#FlexContainer1
{
   min-height: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#wb_Image3
{
   width: 132px;
   height: 89px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image3
{
   width: 132px;
   height: 89px;
}
#wb_Iconnotif
{
   width: 37px;
   height: 33px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   font-size: 8px;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Iconnotif
{
   width: 37px;
   height: 33px;
}
#Iconnotif i
{
   line-height: 33px;
   font-size: 33px;
   width: 32px;
   color: #FFFFFF;
}
#Iconnotif:hover i
{
   color: #FFBB00;
}
#wb_Iconnotif:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_utilist
{
   visibility: visible;
   display: block;
}
#utilist a, #utilist .secondlevel .secondlevelbtn
{
   font-size: 16px;
}
#utilist a
{
   font-size: 16px;
   padding: 10px 20px 10px 15px;
}
#utilist .secondlevel .secondlevelbtn
{
   font-size: 16px;
   padding: 10px 20px 10px 15px;
}
#utilist .secondlevel-content a
{
   padding: 10px 5px 10px 5px;
}
#utilist i
{
   font-size: 28px;
   width: 30px;
}
#utilist .secondlevel-content i
{
   font-size: 16px;
   width: 16px;
}
#wb_Icon3
{
   width: 37px;
   height: 33px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon3
{
   width: 37px;
   height: 33px;
}
#Icon3 i
{
   line-height: 33px;
   font-size: 33px;
   width: 32px;
   color: #FFFFFF;
}
#Icon3:hover i
{
   color: #FFBB00;
}
#wb_Icon3:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#Html1
{
   width: 274px;
   height: 39px;
   visibility: visible;
   display: inline-block;
}
#Html2
{
   width: 241px;
   height: 41px;
   visibility: visible;
   display: inline-block;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 89px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: auto;
   padding: 10px 15px 0 15px;
}
#LayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_Text1
{
   width: 317px;
   height: 21px;
   visibility: visible;
   display: inline-block;
}
#wb_Text1
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text3
{
   visibility: visible;
   display: block;
}
#wb_Text3
{
   margin: 0;
   padding: 10px 0 0 0;
}
#wb_CardContainer1
{
   width: 100%;
   visibility: visible;
   display: block;
}
#CardContainer1
{
   padding: 10px 10px 25px 10px;
}
#wb_Card1
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 25%;
   align-self: auto;
   min-width: 200px;
}
#Card1-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card1
{
   text-align: center;
}
#wb_Card1
{
   max-width: calc(25% - 20px);
}
#wb_Card2
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 25%;
   align-self: auto;
   min-width: 200px;
}
#Card2-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card2
{
   text-align: center;
}
#wb_Card2
{
   max-width: calc(25% - 20px);
}
#wb_Card3
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 25%;
   align-self: auto;
   min-width: 200px;
}
#Card3-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card3
{
   text-align: center;
}
#wb_Card3
{
   max-width: calc(25% - 20px);
}
#wb_Card4
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 25%;
   align-self: auto;
   min-width: 200px;
}
#Card4-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card4
{
   text-align: center;
}
#wb_Card4
{
   max-width: calc(25% - 20px);
}
#wb_Card5
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 25%;
   align-self: auto;
   min-width: 200px;
}
#Card5-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card5
{
   text-align: center;
}
#wb_Card5
{
   max-width: calc(25% - 20px);
}
#wb_Text2
{
   visibility: visible;
   display: block;
}
#wb_Text2
{
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: right;
}
#wb_upIcon
{
   left: 8px;
   top: 7px;
   width: 24px;
   height: 24px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
}
#upIcon
{
   width: 24px;
   height: 24px;
}
#upIcon i
{
   line-height: 24px;
   font-size: 24px;
   width: 23px;
}
#wb_OverlayMenu1
{
   width: 250px;
   height: 679px;
   visibility: visible;
   display: inline-block;
   margin: 10px 0 25px 0 ;
}
#OverlayMenu1-overlay ul
{
   font-size: 15px;
   text-align: left;
}
#Layermenu
{
   left: 0px;
   top: 326px;
   width: 248px;
}
#Layermenu_panel
{
   height: 100%;
   width: 248px;
}
#Layermenu
{
   padding: 0;
}
#Button3
{
   width: 197px;
   height: 59px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 20px 10px;
   padding: 10px 6px 10px 6px;
}
#Button3
{
   line-height: 37px;
}
#wb_Text8
{
   width: 203px;
   height: 31px;
   visibility: visible;
   display: inline-block;
}
#wb_Text8
{
   font-size: 19px;
   margin: 15px 0 0 0 ;
   padding: 10px 6px 10px 6px;
   text-align: center;
}
#wb_Icon1
{
   width: 11px;
   height: 16px;
   visibility: visible;
   display: inline;
   margin: 5px 10px 0 0 ;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 2px 2px 2px 2px;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   background-image: none;
   border: 2px solid #FFFFFF;
   box-shadow: 0px 0px 0px #000000;
}
#Icon1
{
   width: 11px;
   height: 16px;
}
#Icon1 i
{
   line-height: 16px;
   font-size: 11px;
   width: 20px;
   color: #FFFFFF;
}
#Icon1:hover i
{
   color: #DC143C;
}
#wb_Icon1:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 2px solid #FFFFFF;
}
#wb_Iconex
{
   width: 30px;
   height: 41px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 10px;
   padding: 0;
   color: #FFBB00;
}
#Iconex
{
   width: 30px;
   height: 41px;
}
#Iconex i
{
   line-height: 41px;
   font-size: 30px;
   width: 29px;
   color: #FFBB00;
}
#Iconex:hover i
{
   color: #1E90FF;
}
#wb_ThemeableButton1
{
   width: 193px;
   height: 46px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#ThemeableButton1
{
   font-size: 16px;
}
#wb_ThemeableButton1 .ui-button
{
   line-height: 40px;
   padding: 2px 2px 2px 2px;
}
#wb_Image1
{
   width: 132px;
   height: 89px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image1
{
   width: 132px;
   height: 89px;
}
#wb_Icon2
{
   width: 23px;
   height: 25px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
   color: #FFBB00;
}
#Icon2
{
   width: 23px;
   height: 25px;
}
#Icon2 i
{
   line-height: 25px;
   font-size: 23px;
   width: 22px;
   color: #FFBB00;
}
#Icon2:hover i
{
   color: #FFBB00;
}
#wb_codht
{
   visibility: visible;
   display: table;
}
#wb_codht
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#codht
{
   height: auto;
   padding: 0 15px 0 15px;
}
#codht .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#codht > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#codht > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#Html3
{
   width: 146px;
   height: 28px;
   visibility: visible;
   display: inline-block;
}
#wb_PanelMenu1
{
   width: 79px;
   height: 64px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 0 50px;
}
#PanelMenu1
{
   line-height: 64px;
   width: 79px;
   height: 64px;
}
#PanelMenu1 .line:first-child
{
   margin-top: 21px;
}
#wb_PanelMenu1 a
{
   color: #FFFFFF;
   border: 0px none #757575;
   border-radius: 0px;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   text-align: right;
   text-transform: none;
}
#wb_PanelMenu1 a:hover
{
   color: #FFFFFF;
   background-color: #1E90FF;
   border: 0px none #757575;
}
#wb_PanelMenu3
{
   width: 72px;
   height: 64px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 0 50px;
}
#PanelMenu3
{
   line-height: 64px;
   width: 72px;
   height: 64px;
}
#PanelMenu3 .line:first-child
{
   margin-top: 21px;
}
#PanelMenu3_markup li a
{
   color: #FFFFFF;
   border: 0px solid #757575;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#wb_PanelMenu3 a
{
   color: #FFFFFF;
   border: 0px none #757575;
   border-radius: 0px;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-align: right;
   text-transform: none;
}
#PanelMenu3_markup li:nth-child(n+2) a, #PanelMenu3_markup li:nth-child(n+2) a:hover
{
   border-top-color: transparent !important;
}
#PanelMenu3_markup li a:hover
{
   color: #FFFFFF;
}
.PanelMenu3-effect:before, #PanelMenu3_markup li .active
{
   background-color: #1E90FF;
   border: 0px solid #757575;
}
#PanelMenu3_markup li a .icon
{
   fill: currentColor;
   margin-right: 0px;
   height: 22px;
   width: 22px;
   vertical-align: middle;
}
#PanelMenu3_markup li a:hover .icon
{
   fill: currentColor;
}
#wb_PanelMenu3 a:hover
{
   color: #FFFFFF;
   background-color: #1E90FF;
   border: 0px none #757575;
}
#PanelMenu3_panel
{
   background-color: #044B9D;
   overflow-y: auto;
}
#upStickyLayer
{
   width: 48px;
   height: 48px;
   visibility: visible;
   display: block;
}
#wb_ThemeableButton2
{
   width: 135px;
   height: 46px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#ThemeableButton2
{
   font-size: 16px;
}
#wb_ThemeableButton2 .ui-button
{
   line-height: 40px;
   padding: 2px 2px 2px 2px;
}
#wb_Icon4
{
   width: 37px;
   height: 33px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon4
{
   width: 37px;
   height: 33px;
}
#Icon4 i
{
   line-height: 33px;
   font-size: 33px;
   width: 32px;
   color: #FFFFFF;
}
#Icon4:hover i
{
   color: #FFBB00;
}
#wb_Icon4:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_Icon5
{
   width: 37px;
   height: 33px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   font-size: 8px;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon5
{
   width: 37px;
   height: 33px;
}
#Icon5 i
{
   line-height: 33px;
   font-size: 33px;
   width: 32px;
   color: #FFFFFF;
}
#Icon5:hover i
{
   color: #FFBB00;
}
#wb_Icon5:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_Icon6
{
   width: 37px;
   height: 33px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon6
{
   width: 37px;
   height: 33px;
}
#Icon6 i
{
   line-height: 33px;
   font-size: 33px;
   width: 32px;
   color: #FFFFFF;
}
#Icon6:hover i
{
   color: #FFBB00;
}
#wb_Icon6:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_footerText
{
   visibility: visible;
   display: block;
}
#wb_footerText
{
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_layfooter
{
   visibility: visible;
   display: table;
   background-color: #F9F9F9;
   background-image: none;
}
#wb_layfooter
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#layfooter
{
   height: auto;
   padding: 25px 0 25px 0;
}
#layfooter > .col-1, #layfooter > .col-2
{
   padding-right: 15px;
   padding-left: 15px;
}
#layfooter > .col-1
{
   display: flex;
   flex-basis: 50%;
   max-width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#layfooter > .col-2
{
   display: flex;
   flex-basis: 50%;
   max-width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#Flexbasconect
{
   visibility: hidden;
   display: none;
   background-color: transparent;
   background-image: none;
}
#Flexbasconect
{
   min-height: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 979px)
{
body
{
   background-color: #F5F7FA;
   background-image: none;
}
#wb_DropdownMenu1
{
   width: 302px;
   height: 66px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#DropdownMenu1, .DropdownMenu1 .nav, .DropdownMenu1 .dropdown-menu
{
   font-weight: normal;
   font-size: 16px;
}
#wb_entdeconect
{
   visibility: visible;
   display: table;
}
#wb_entdeconect
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#entdeconect
{
   height: auto;
   padding: 0;
}
#entdeconect > .col-1, #entdeconect > .col-2, #entdeconect > .col-3
{
   padding-right: 0px;
   padding-left: 0px;
}
#entdeconect > .col-1
{
   display: flex;
   flex-basis: 250px;
   max-width: 250px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#entdeconect > .col-2
{
   display: flex;
   flex-basis:  calc((100% - 350px) / 1);
   max-width:  calc((100% - 350px) / 1);
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#entdeconect > .col-3
{
   display: flex;
   flex-basis: 100px;
   max-width: 100px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#FlexContainer4
{
   width: 100%;
   visibility: visible;
   display: flex;
}
#FlexContainer4
{
   min-height: 0;
   margin: 0 0 5px 0 ;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-end;
   align-items: flex-end;
   align-content: flex-end;
}
#wb_layancre
{
   visibility: visible;
   display: table;
}
#wb_layancre
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#layancre
{
   height: auto;
   padding: 0 15px 0 15px;
}
#layancre .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#layancre > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#layancre > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_entete
{
   visibility: visible;
   display: table;
}
#wb_entete
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#entete
{
   height: auto;
   padding: 0;
}
#entete > .col-1, #entete > .col-2, #entete > .col-3
{
   padding-right: 0px;
   padding-left: 0px;
}
#entete > .col-1
{
   display: flex;
   flex-basis: 300px;
   max-width: 300px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#entete > .col-2
{
   display: flex;
   flex-basis:  calc((100% - 530px) / 1);
   max-width:  calc((100% - 530px) / 1);
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#entete > .col-3
{
   display: flex;
   flex-basis: 230px;
   max-width: 230px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#wb_Iconmess
{
   width: 43px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 8px 5px 8px 15px;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #C0C0C0;
   border-radius: 4px;
}
#Iconmess
{
   width: 43px;
   height: 30px;
}
#Iconmess i
{
   line-height: 30px;
   font-size: 30px;
   width: 29px;
   color: #FFFFFF;
}
#Iconmess:hover i
{
   color: #FFBB00;
}
#wb_Iconmess:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#wb_messnotif
{
   width: 368px;
   height: 37px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#messnotif
{
   font-weight: normal;
   padding: 8px 15px 8px 15px;
   text-align: center;
}
#messnotif > li
{
   font-size: 19px;
}
#messnotif > li + li:before
{
   padding: 0 20px;
}
#FlexContainer1
{
   width: 100%;
   visibility: visible;
   display: flex;
}
#FlexContainer1
{
   min-height: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#wb_Image3
{
   width: 132px;
   height: 89px;
   visibility: visible;
   display: inline-block;
   margin: 0 50px 0 0 ;
   padding: 0;
}
#Image3
{
   width: 132px;
   height: 89px;
}
#wb_Iconnotif
{
   width: 43px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 8px 5px 8px 15px;
   color: #FFFFFF;
   font-size: 19px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #C0C0C0;
   border-radius: 4px;
}
#Iconnotif
{
   width: 43px;
   height: 30px;
}
#Iconnotif i
{
   line-height: 30px;
   font-size: 30px;
   width: 29px;
   color: #FFFFFF;
}
#Iconnotif:hover i
{
   color: #FFBB00;
}
#wb_Iconnotif:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#wb_utilist
{
   visibility: visible;
   display: block;
}
#utilist a, #utilist .secondlevel .secondlevelbtn
{
   font-size: 16px;
}
#utilist a
{
   font-size: 16px;
   padding: 10px 20px 10px 15px;
}
#utilist .secondlevel .secondlevelbtn
{
   font-size: 16px;
   padding: 10px 20px 10px 15px;
}
#utilist .secondlevel-content a
{
   padding: 10px 5px 10px 5px;
}
#utilist i
{
   font-size: 28px;
   width: 30px;
}
#utilist .secondlevel-content i
{
   font-size: 16px;
   width: 16px;
}
#wb_Icon3
{
   width: 43px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 8px 5px 8px 15px;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #C0C0C0;
   border-radius: 4px;
}
#Icon3
{
   width: 43px;
   height: 30px;
}
#Icon3 i
{
   line-height: 30px;
   font-size: 30px;
   width: 29px;
   color: #FFFFFF;
}
#Icon3:hover i
{
   color: #FFBB00;
}
#wb_Icon3:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#Html1
{
   width: 172px;
   height: 39px;
   visibility: visible;
   display: inline-block;
}
#Html2
{
   width: 134px;
   height: 41px;
   visibility: visible;
   display: inline-block;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 89px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: auto;
   padding: 10px 15px 0 15px;
}
#LayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_Text1
{
   width: 317px;
   height: 21px;
   visibility: visible;
   display: inline-block;
}
#wb_Text1
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text3
{
   visibility: visible;
   display: block;
}
#wb_Text3
{
   margin: 0;
   padding: 10px 0 0 0;
}
#wb_CardContainer1
{
   width: 100%;
   visibility: visible;
   display: block;
}
#CardContainer1
{
   padding: 10px 10px 25px 10px;
}
#wb_Card1
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 33.33%;
   align-self: auto;
   min-width: 200px;
}
#Card1-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card1
{
   text-align: center;
}
#wb_Card1
{
   max-width: calc(33.33% - 20px);
}
#wb_Card2
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 33.33%;
   align-self: auto;
   min-width: 200px;
}
#Card2-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card2
{
   text-align: center;
}
#wb_Card2
{
   max-width: calc(33.33% - 20px);
}
#wb_Card3
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 33.33%;
   align-self: auto;
   min-width: 200px;
}
#Card3-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card3
{
   text-align: center;
}
#wb_Card3
{
   max-width: calc(33.33% - 20px);
}
#wb_Card4
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 33.33%;
   align-self: auto;
   min-width: 200px;
}
#Card4-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card4
{
   text-align: center;
}
#wb_Card4
{
   max-width: calc(33.33% - 20px);
}
#wb_Card5
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 33.33%;
   align-self: auto;
   min-width: 200px;
}
#Card5-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card5
{
   text-align: center;
}
#wb_Card5
{
   max-width: calc(33.33% - 20px);
}
#wb_Text2
{
   visibility: visible;
   display: block;
}
#wb_Text2
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_upIcon
{
   left: 8px;
   top: 7px;
   width: 24px;
   height: 24px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
}
#upIcon
{
   width: 24px;
   height: 24px;
}
#upIcon i
{
   line-height: 24px;
   font-size: 24px;
   width: 23px;
}
#wb_OverlayMenu1
{
   width: 250px;
   height: 672px;
   visibility: visible;
   display: inline-block;
   margin: 10px 0 25px 0 ;
}
#OverlayMenu1-overlay ul
{
   font-size: 15px;
   text-align: left;
}
#Layermenu
{
   left: 12px;
   top: 480px;
   width: 248px;
}
#Layermenu_panel
{
   height: 100%;
   width: 248px;
}
#Layermenu
{
   padding: 0;
}
#Button3
{
   width: 165px;
   height: 59px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 20px 10px;
   padding: 10px 6px 10px 6px;
}
#Button3
{
   line-height: 37px;
}
#wb_Text8
{
   width: 171px;
   height: 26px;
   visibility: visible;
   display: inline-block;
}
#wb_Text8
{
   font-size: 19px;
   margin: 15px 0 0 0 ;
   padding: 10px 6px 10px 6px;
   text-align: center;
}
#wb_Icon1
{
   width: 27px;
   height: 27px;
   visibility: visible;
   display: inline;
   margin: 5px 5px 0 0 ;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 2px 2px 2px 2px;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   background-image: none;
   border: 2px solid #FFFFFF;
   box-shadow: 0px 0px 0px #000000;
}
#Icon1
{
   width: 27px;
   height: 27px;
}
#Icon1 i
{
   line-height: 27px;
   font-size: 27px;
   width: 26px;
   color: #FFFFFF;
}
#Icon1:hover i
{
   color: #DC143C;
}
#wb_Icon1:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 2px solid #FFFFFF;
}
#wb_Iconex
{
   width: 29px;
   height: 31px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 0 10px;
   padding: 0;
   color: #FFBB00;
}
#Iconex
{
   width: 29px;
   height: 31px;
}
#Iconex i
{
   line-height: 31px;
   font-size: 29px;
   width: 28px;
   color: #FFBB00;
}
#Iconex:hover i
{
   color: #1E90FF;
}
#wb_ThemeableButton1
{
   width: 135px;
   height: 82px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#ThemeableButton1
{
   font-size: 16px;
}
#wb_ThemeableButton1 .ui-button
{
   line-height: 76px;
   padding: 2px 2px 2px 2px;
}
#wb_Image1
{
   width: 132px;
   height: 89px;
   visibility: visible;
   display: inline-block;
   margin: 0 30px 0 0 ;
   padding: 0;
}
#Image1
{
   width: 132px;
   height: 89px;
}
#wb_Icon2
{
   width: 23px;
   height: 25px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 0;
   color: #FFBB00;
}
#Icon2
{
   width: 23px;
   height: 25px;
}
#Icon2 i
{
   line-height: 25px;
   font-size: 23px;
   width: 22px;
   color: #FFBB00;
}
#Icon2:hover i
{
   color: #FFFFFF;
}
#wb_codht
{
   visibility: visible;
   display: table;
}
#wb_codht
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#codht
{
   height: auto;
   padding: 0 15px 0 15px;
}
#codht .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#codht > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#codht > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#Html3
{
   width: 146px;
   height: 28px;
   visibility: visible;
   display: inline-block;
}
#wb_PanelMenu1
{
   width: 65px;
   height: 64px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 0 30px;
}
#PanelMenu1
{
   line-height: 64px;
   width: 65px;
   height: 64px;
}
#PanelMenu1 .line:first-child
{
   margin-top: 21px;
}
#wb_PanelMenu1 a
{
   color: #FFFFFF;
   border: 0px none #757575;
   border-radius: 0px;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   text-align: right;
   text-transform: none;
}
#wb_PanelMenu1 a:hover
{
   color: #FFFFFF;
   background-color: #1E90FF;
   border: 0px none #757575;
}
#wb_PanelMenu3
{
   width: 72px;
   height: 64px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#PanelMenu3
{
   line-height: 64px;
   width: 72px;
   height: 64px;
}
#PanelMenu3 .line:first-child
{
   margin-top: 21px;
}
#PanelMenu3_markup li a
{
   color: #FFFFFF;
   border: 0px solid #757575;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#wb_PanelMenu3 a
{
   color: #FFFFFF;
   border: 0px none #757575;
   border-radius: 0px;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-align: right;
   text-transform: none;
}
#PanelMenu3_markup li:nth-child(n+2) a, #PanelMenu3_markup li:nth-child(n+2) a:hover
{
   border-top-color: transparent !important;
}
#PanelMenu3_markup li a:hover
{
   color: #FFFFFF;
}
.PanelMenu3-effect:before, #PanelMenu3_markup li .active
{
   background-color: #1E90FF;
   border: 0px solid #757575;
}
#PanelMenu3_markup li a .icon
{
   fill: currentColor;
   margin-right: 0px;
   height: 22px;
   width: 22px;
   vertical-align: middle;
}
#PanelMenu3_markup li a:hover .icon
{
   fill: currentColor;
}
#wb_PanelMenu3 a:hover
{
   color: #FFFFFF;
   background-color: #1E90FF;
   border: 0px none #757575;
}
#PanelMenu3_panel
{
   background-color: #044B9D;
   overflow-y: auto;
}
#upStickyLayer
{
   width: 48px;
   height: 48px;
   visibility: visible;
   display: block;
}
#wb_ThemeableButton2
{
   width: 104px;
   height: 36px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#ThemeableButton2
{
   font-size: 16px;
}
#wb_ThemeableButton2 .ui-button
{
   line-height: 30px;
   padding: 2px 2px 2px 2px;
}
#wb_Icon4
{
   width: 43px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 8px 5px 8px 15px;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #C0C0C0;
   border-radius: 4px;
}
#Icon4
{
   width: 43px;
   height: 30px;
}
#Icon4 i
{
   line-height: 30px;
   font-size: 30px;
   width: 29px;
   color: #FFFFFF;
}
#Icon4:hover i
{
   color: #FFBB00;
}
#wb_Icon4:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#wb_Icon5
{
   width: 43px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 8px 5px 8px 15px;
   color: #FFFFFF;
   font-size: 19px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #C0C0C0;
   border-radius: 4px;
}
#Icon5
{
   width: 43px;
   height: 30px;
}
#Icon5 i
{
   line-height: 30px;
   font-size: 30px;
   width: 29px;
   color: #FFFFFF;
}
#Icon5:hover i
{
   color: #FFBB00;
}
#wb_Icon5:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#wb_Icon6
{
   width: 43px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 8px 5px 8px 15px;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #C0C0C0;
   border-radius: 4px;
}
#Icon6
{
   width: 43px;
   height: 30px;
}
#Icon6 i
{
   line-height: 30px;
   font-size: 30px;
   width: 29px;
   color: #FFFFFF;
}
#Icon6:hover i
{
   color: #FFBB00;
}
#wb_Icon6:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
}
#wb_footerText
{
   visibility: visible;
   display: block;
}
#wb_footerText
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_layfooter
{
   visibility: visible;
   display: table;
   background-color: #F9F9F9;
   background-image: none;
}
#wb_layfooter
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#layfooter
{
   height: auto;
   padding: 25px 0 25px 0;
}
#layfooter > .col-1, #layfooter > .col-2
{
   padding-right: 15px;
   padding-left: 15px;
}
#layfooter > .col-1
{
   display: flex;
   flex-basis: 50%;
   max-width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#layfooter > .col-2
{
   display: flex;
   flex-basis: 50%;
   max-width: 50%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#Flexbasconect
{
   visibility: hidden;
   display: none;
   background-color: transparent;
   background-image: none;
}
#Flexbasconect
{
   min-height: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
body
{
   background-color: #F5F7FA;
   background-image: none;
}
#wb_DropdownMenu1
{
   width: 240px;
   height: 66px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#DropdownMenu1, .DropdownMenu1 .nav, .DropdownMenu1 .dropdown-menu
{
   font-weight: normal;
   font-size: 13px;
}
#wb_entdeconect
{
   visibility: visible;
   display: table;
}
#wb_entdeconect
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#entdeconect
{
   height: auto;
   padding: 10px 0 10px 0;
}
#entdeconect > .col-1, #entdeconect > .col-2, #entdeconect > .col-3
{
   padding-right: 0px;
   padding-left: 0px;
}
#entdeconect > .col-1
{
   display: flex;
   flex-basis: 135px;
   max-width: 135px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#entdeconect > .col-2
{
   display: flex;
   flex-basis:  calc((100% - 215px) / 1);
   max-width:  calc((100% - 215px) / 1);
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#entdeconect > .col-3
{
   display: flex;
   flex-basis: 80px;
   max-width: 80px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#FlexContainer4
{
   width: 100%;
   visibility: visible;
   display: flex;
}
#FlexContainer4
{
   min-height: 0;
   margin: 0 0 5px 0 ;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-end;
   align-items: flex-end;
   align-content: flex-end;
}
#wb_layancre
{
   visibility: visible;
   display: table;
}
#wb_layancre
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#layancre
{
   height: auto;
   padding: 0 15px 0 15px;
}
#layancre .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#layancre > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#layancre > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_entete
{
   visibility: visible;
   display: table;
}
#wb_entete
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#entete
{
   height: auto;
   padding: 10px 0 10px 0;
}
#entete > .col-1, #entete > .col-2, #entete > .col-3
{
   padding-right: 0px;
   padding-left: 0px;
}
#entete > .col-1
{
   display: flex;
   flex-basis: 135px;
   max-width: 135px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#entete > .col-2
{
   display: flex;
   flex-basis:  calc((100% - 285px) / 1);
   max-width:  calc((100% - 285px) / 1);
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#entete > .col-3
{
   display: flex;
   flex-basis: 150px;
   max-width: 150px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#wb_Iconmess
{
   width: 27px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 5px 5px 5px 5px;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Iconmess
{
   width: 27px;
   height: 31px;
}
#Iconmess i
{
   line-height: 31px;
   font-size: 27px;
   width: 26px;
   color: #FFFFFF;
}
#Iconmess:hover i
{
   color: #CE9600;
}
#wb_Iconmess:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_messnotif
{
   width: 189px;
   height: 37px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#messnotif
{
   font-weight: normal;
   padding: 8px 15px 8px 15px;
   text-align: center;
}
#messnotif > li
{
   font-size: 19px;
}
#messnotif > li + li:before
{
   padding: 0 20px;
}
#FlexContainer1
{
   width: 100%;
   visibility: visible;
   display: flex;
}
#FlexContainer1
{
   min-height: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
   align-items: center;
   align-content: center;
}
#wb_Image3
{
   width: 84px;
   height: 56px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image3
{
   width: 84px;
   height: 56px;
}
#wb_Iconnotif
{
   width: 27px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 5px 5px 5px 5px;
   color: #FFFFFF;
   font-size: 8px;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Iconnotif
{
   width: 27px;
   height: 31px;
}
#Iconnotif i
{
   line-height: 31px;
   font-size: 27px;
   width: 26px;
   color: #FFFFFF;
}
#Iconnotif:hover i
{
   color: #CE9600;
}
#wb_Iconnotif:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_utilist
{
   visibility: visible;
   display: block;
}
#utilist a, #utilist .secondlevel .secondlevelbtn
{
   font-size: 15px;
}
#utilist a
{
   font-size: 15px;
   padding: 10px 15px 10px 15px;
}
#utilist .secondlevel .secondlevelbtn
{
   font-size: 15px;
   padding: 10px 15px 10px 15px;
}
#utilist .secondlevel-content a
{
   padding: 10px 3px 10px 3px;
}
#utilist i
{
   font-size: 24px;
   width: 26px;
}
#utilist .secondlevel-content i
{
   font-size: 15px;
   width: 15px;
}
#wb_Icon3
{
   width: 27px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 5px 5px 5px 5px;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon3
{
   width: 27px;
   height: 31px;
}
#Icon3 i
{
   line-height: 31px;
   font-size: 27px;
   width: 26px;
   color: #FFFFFF;
}
#Icon3:hover i
{
   color: #CE9600;
}
#wb_Icon3:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#Html1
{
   width: 120px;
   height: 41px;
   visibility: visible;
   display: inline-block;
}
#Html2
{
   width: 115px;
   height: 41px;
   visibility: visible;
   display: inline-block;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 89px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: auto;
   padding: 10px 15px 0 15px;
}
#LayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_Text1
{
   width: 317px;
   height: 21px;
   visibility: visible;
   display: inline-block;
}
#wb_Text1
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text3
{
   visibility: visible;
   display: block;
}
#wb_Text3
{
   margin: 0;
   padding: 10px 0 0 0;
}
#wb_CardContainer1
{
   width: 100%;
   visibility: visible;
   display: block;
}
#CardContainer1
{
   padding: 10px 10px 25px 10px;
}
#wb_Card1
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 50%;
   align-self: auto;
   min-width: 200px;
}
#Card1-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card1
{
   text-align: center;
}
#wb_Card1
{
   max-width: calc(50% - 20px);
}
#wb_Card2
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 50%;
   align-self: auto;
   min-width: 200px;
}
#Card2-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card2
{
   text-align: center;
}
#wb_Card2
{
   max-width: calc(50% - 20px);
}
#wb_Card3
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 50%;
   align-self: auto;
   min-width: 200px;
}
#Card3-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card3
{
   text-align: center;
}
#wb_Card3
{
   max-width: calc(50% - 20px);
}
#wb_Card4
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 50%;
   align-self: auto;
   min-width: 200px;
}
#Card4-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card4
{
   text-align: center;
}
#wb_Card4
{
   max-width: calc(50% - 20px);
}
#wb_Card5
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 50%;
   align-self: auto;
   min-width: 200px;
}
#Card5-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card5
{
   text-align: center;
}
#wb_Card5
{
   max-width: calc(50% - 20px);
}
#wb_Text2
{
   visibility: visible;
   display: block;
}
#wb_Text2
{
   font-size: 15px;
   margin: 0;
   padding: 2px 2px 2px 2px;
   text-align: center;
}
#wb_upIcon
{
   left: 8px;
   top: 8px;
   width: 24px;
   height: 24px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
}
#upIcon
{
   width: 24px;
   height: 24px;
}
#upIcon i
{
   line-height: 24px;
   font-size: 24px;
   width: 23px;
}
#wb_OverlayMenu1
{
   width: 250px;
   height: 714px;
   visibility: visible;
   display: inline-block;
   margin: 10px 0 25px 0 ;
}
#OverlayMenu1-overlay ul
{
   font-size: 15px;
   text-align: left;
}
#Layermenu
{
   left: 0px;
   top: 458px;
   width: 248px;
}
#Layermenu_panel
{
   height: 100%;
   width: 248px;
}
#Layermenu
{
   padding: 0;
}
#Button3
{
   width: 228px;
   height: 46px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 20px 10px;
   padding: 10px 6px 10px 6px;
}
#Button3
{
   line-height: 24px;
}
#wb_Text8
{
   width: 177px;
   height: 31px;
   visibility: visible;
   display: inline-block;
}
#wb_Text8
{
   font-size: 19px;
   margin: 15px 0 0 0 ;
   padding: 10px 6px 10px 6px;
   text-align: center;
}
#wb_Icon1
{
   width: 21px;
   height: 21px;
   visibility: visible;
   display: inline;
   margin: 5px 10px 0 0 ;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 2px 2px 2px 2px;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   background-image: none;
   border: 2px solid #FFFFFF;
   box-shadow: 0px 0px 0px #000000;
}
#Icon1
{
   width: 21px;
   height: 21px;
}
#Icon1 i
{
   line-height: 21px;
   font-size: 21px;
   width: 20px;
   color: #FFFFFF;
}
#Icon1:hover i
{
   color: #DC143C;
}
#wb_Icon1:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 2px solid #FFFFFF;
}
#wb_Iconex
{
   width: 23px;
   height: 44px;
   visibility: visible;
   display: inline-block;
   margin: 0 5px 0 5px;
   padding: 5px 5px 5px 5px;
   color: #FFBB00;
}
#Iconex
{
   width: 23px;
   height: 44px;
}
#Iconex i
{
   line-height: 44px;
   font-size: 23px;
   width: 22px;
   color: #FFBB00;
}
#Iconex:hover i
{
   color: #1E90FF;
}
#wb_ThemeableButton1
{
   width: 14px;
   height: 39px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#ThemeableButton1
{
   font-size: 16px;
}
#wb_ThemeableButton1 .ui-button
{
   line-height: 33px;
   padding: 2px 2px 2px 2px;
}
#wb_Image1
{
   width: 84px;
   height: 56px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image1
{
   width: 84px;
   height: 56px;
}
#wb_Icon2
{
   width: 23px;
   height: 25px;
   visibility: visible;
   display: inline-block;
   margin: 0 5px 0 5px;
   padding: 0;
   color: #FFBB00;
}
#Icon2
{
   width: 23px;
   height: 25px;
}
#Icon2 i
{
   line-height: 25px;
   font-size: 23px;
   width: 22px;
   color: #FFBB00;
}
#Icon2:hover i
{
   color: #FFBB00;
}
#wb_codht
{
   visibility: visible;
   display: table;
}
#wb_codht
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#codht
{
   height: auto;
   padding: 0 15px 0 15px;
}
#codht .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#codht > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#codht > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#Html3
{
   width: 146px;
   height: 28px;
   visibility: visible;
   display: inline-block;
}
#wb_PanelMenu1
{
   width: 38px;
   height: 45px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 0 10px;
}
#PanelMenu1
{
   line-height: 45px;
   width: 38px;
   height: 45px;
}
#PanelMenu1 .line:first-child
{
   margin-top: 11px;
}
#wb_PanelMenu1 a
{
   color: #FFFFFF;
   border: 0px none #757575;
   border-radius: 0px;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   text-align: right;
   text-transform: none;
}
#wb_PanelMenu1 a:hover
{
   color: #FFFFFF;
   background-color: #1E90FF;
   border: 0px none #757575;
}
#wb_PanelMenu3
{
   width: 38px;
   height: 45px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 0 10px;
}
#PanelMenu3
{
   line-height: 45px;
   width: 38px;
   height: 45px;
}
#PanelMenu3 .line:first-child
{
   margin-top: 11px;
}
#PanelMenu3_markup li a
{
   color: #FFFFFF;
   border: 0px solid #757575;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#wb_PanelMenu3 a
{
   color: #FFFFFF;
   border: 0px none #757575;
   border-radius: 0px;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-align: right;
   text-transform: none;
}
#PanelMenu3_markup li:nth-child(n+2) a, #PanelMenu3_markup li:nth-child(n+2) a:hover
{
   border-top-color: transparent !important;
}
#PanelMenu3_markup li a:hover
{
   color: #FFFFFF;
}
.PanelMenu3-effect:before, #PanelMenu3_markup li .active
{
   background-color: #1E90FF;
   border: 0px solid #757575;
}
#PanelMenu3_markup li a .icon
{
   fill: currentColor;
   margin-right: 0px;
   height: 22px;
   width: 22px;
   vertical-align: middle;
}
#PanelMenu3_markup li a:hover .icon
{
   fill: currentColor;
}
#wb_PanelMenu3 a:hover
{
   color: #FFFFFF;
   background-color: #1E90FF;
   border: 0px none #757575;
}
#PanelMenu3_panel
{
   background-color: #044B9D;
   overflow-y: auto;
}
#upStickyLayer
{
   width: 48px;
   height: 48px;
   visibility: visible;
   display: block;
}
#wb_ThemeableButton2
{
   width: 14px;
   height: 39px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#ThemeableButton2
{
   font-size: 16px;
}
#wb_ThemeableButton2 .ui-button
{
   line-height: 33px;
   padding: 2px 2px 2px 2px;
}
#wb_Icon4
{
   width: 27px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 5px 5px 5px 5px;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon4
{
   width: 27px;
   height: 31px;
}
#Icon4 i
{
   line-height: 31px;
   font-size: 27px;
   width: 26px;
   color: #FFFFFF;
}
#Icon4:hover i
{
   color: #CE9600;
}
#wb_Icon4:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_Icon5
{
   width: 27px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 5px 5px 5px 5px;
   color: #FFFFFF;
   font-size: 8px;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon5
{
   width: 27px;
   height: 31px;
}
#Icon5 i
{
   line-height: 31px;
   font-size: 27px;
   width: 26px;
   color: #FFFFFF;
}
#Icon5:hover i
{
   color: #CE9600;
}
#wb_Icon5:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_Icon6
{
   width: 27px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 5px 5px 5px 5px;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon6
{
   width: 27px;
   height: 31px;
}
#Icon6 i
{
   line-height: 31px;
   font-size: 27px;
   width: 26px;
   color: #FFFFFF;
}
#Icon6:hover i
{
   color: #CE9600;
}
#wb_Icon6:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_footerText
{
   visibility: visible;
   display: block;
}
#wb_footerText
{
   font-size: 15px;
   margin: 2px 0 2px 0 ;
   padding: 2px 2px 2px 2px;
   text-align: center;
}
#wb_layfooter
{
   visibility: visible;
   display: table;
   background-color: #F9F9F9;
   background-image: none;
}
#wb_layfooter
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#layfooter
{
   height: auto;
   padding: 10px 0 10px 0;
}
#layfooter > .col-1, #layfooter > .col-2
{
   padding-right: 15px;
   padding-left: 15px;
}
#layfooter > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#layfooter > .col-2
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#Flexbasconect
{
   visibility: hidden;
   display: none;
   background-color: transparent;
   background-image: none;
}
#Flexbasconect
{
   min-height: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
   align-items: center;
   align-content: center;
}
}
@media only screen and (min-width: 360px) and (max-width: 479px)
{
body
{
   background-color: #F5F7FA;
   background-image: none;
}
#wb_DropdownMenu1
{
   width: 230px;
   height: 66px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#DropdownMenu1, .DropdownMenu1 .nav, .DropdownMenu1 .dropdown-menu
{
   font-weight: normal;
   font-size: 19px;
}
#wb_entdeconect
{
   visibility: visible;
   display: table;
}
#wb_entdeconect
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#entdeconect
{
   height: auto;
   padding: 2px 0 2px 0;
}
#entdeconect > .col-1, #entdeconect > .col-2, #entdeconect > .col-3
{
   padding-right: 0px;
   padding-left: 0px;
}
#entdeconect > .col-1
{
   display: flex;
   flex-basis: 250px;
   max-width: 250px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#entdeconect > .col-2
{
   display: flex;
   flex-basis:  calc((100% - 350px) / 1);
   max-width:  calc((100% - 350px) / 1);
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#entdeconect > .col-3
{
   display: flex;
   flex-basis: 100px;
   max-width: 100px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#FlexContainer4
{
   width: 100%;
   visibility: visible;
   display: flex;
}
#FlexContainer4
{
   min-height: 0;
   margin: 0 0 5px 0 ;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-end;
   align-items: flex-end;
   align-content: flex-end;
}
#wb_layancre
{
   visibility: visible;
   display: table;
}
#wb_layancre
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#layancre
{
   height: auto;
   padding: 0 15px 0 15px;
}
#layancre .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#layancre > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#layancre > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_entete
{
   visibility: visible;
   display: table;
}
#wb_entete
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#entete
{
   height: auto;
   padding: 10px 0 10px 0;
}
#entete > .col-1, #entete > .col-2, #entete > .col-3
{
   padding-right: 0px;
   padding-left: 0px;
}
#entete > .col-1
{
   display: flex;
   flex-basis: 140px;
   max-width: 140px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#entete > .col-2
{
   display: flex;
   flex-basis:  calc((100% - 360px) / 1);
   max-width:  calc((100% - 360px) / 1);
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#entete > .col-3
{
   display: flex;
   flex-basis: 220px;
   max-width: 220px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#wb_Iconmess
{
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Iconmess
{
   width: 22px;
   height: 22px;
}
#Iconmess i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
   color: #FFFFFF;
}
#Iconmess:hover i
{
   color: #FFBB00;
}
#wb_Iconmess:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_messnotif
{
   width: 77px;
   height: 37px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#messnotif
{
   font-weight: normal;
   padding: 8px 15px 8px 15px;
   text-align: center;
}
#messnotif > li
{
   font-size: 19px;
}
#messnotif > li + li:before
{
   padding: 0 20px;
}
#FlexContainer1
{
   width: 100%;
   visibility: hidden;
   display: none;
}
#FlexContainer1
{
   min-height: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
   align-items: center;
   align-content: flex-start;
}
#wb_Image3
{
   width: 79px;
   height: 53px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image3
{
   width: 79px;
   height: 53px;
}
#wb_Iconnotif
{
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   font-size: 8px;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Iconnotif
{
   width: 22px;
   height: 22px;
}
#Iconnotif i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
   color: #FFFFFF;
}
#Iconnotif:hover i
{
   color: #FFBB00;
}
#wb_Iconnotif:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_utilist
{
   visibility: visible;
   display: block;
}
#utilist a, #utilist .secondlevel .secondlevelbtn
{
   font-size: 15px;
}
#utilist a
{
   font-size: 15px;
   padding: 0px 15px 0px 0px;
}
#utilist .secondlevel .secondlevelbtn
{
   font-size: 15px;
   padding: 0px 15px 0px 0px;
}
#utilist .secondlevel-content a
{
   padding: 10px 5px 10px 5px;
}
#utilist i
{
   font-size: 22px;
   width: 24px;
}
#utilist .secondlevel-content i
{
   font-size: 15px;
   width: 15px;
}
#wb_Icon3
{
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon3
{
   width: 22px;
   height: 22px;
}
#Icon3 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
   color: #FFFFFF;
}
#Icon3:hover i
{
   color: #FFBB00;
}
#wb_Icon3:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#Html1
{
   width: 66px;
   height: 21px;
   visibility: visible;
   display: inline-block;
}
#Html2
{
   width: 81px;
   height: 15px;
   visibility: visible;
   display: inline-block;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 89px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: auto;
   padding: 10px 15px 0 15px;
}
#LayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_Text1
{
   width: 317px;
   height: 21px;
   visibility: visible;
   display: inline-block;
}
#wb_Text1
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text3
{
   visibility: visible;
   display: block;
}
#wb_Text3
{
   margin: 0;
   padding: 10px 0 0 0;
}
#wb_CardContainer1
{
   width: 100%;
   visibility: visible;
   display: block;
}
#CardContainer1
{
   padding: 10px 20px 25px 20px;
}
#wb_Card1
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   min-width: 200px;
}
#Card1-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card1
{
   text-align: center;
}
#wb_Card1
{
   max-width: calc(100% - 20px);
}
#wb_Card2
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   min-width: 200px;
}
#Card2-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card2
{
   text-align: center;
}
#wb_Card2
{
   max-width: calc(100% - 20px);
}
#wb_Card3
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   min-width: 200px;
}
#Card3-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card3
{
   text-align: center;
}
#wb_Card3
{
   max-width: calc(100% - 20px);
}
#wb_Card4
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   min-width: 200px;
}
#Card4-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card4
{
   text-align: center;
}
#wb_Card4
{
   max-width: calc(100% - 20px);
}
#wb_Card5
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   min-width: 200px;
}
#Card5-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card5
{
   text-align: center;
}
#wb_Card5
{
   max-width: calc(100% - 20px);
}
#wb_Text2
{
   visibility: visible;
   display: block;
}
#wb_Text2
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_upIcon
{
   left: 8px;
   top: 8px;
   width: 24px;
   height: 24px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
}
#upIcon
{
   width: 24px;
   height: 24px;
}
#upIcon i
{
   line-height: 24px;
   font-size: 24px;
   width: 23px;
}
#wb_OverlayMenu1
{
   width: 255px;
   height: 756px;
   visibility: visible;
   display: inline-block;
   margin: 10px 0 25px 0 ;
}
#OverlayMenu1-overlay ul
{
   font-size: 15px;
   text-align: left;
}
#Layermenu
{
   left: 544px;
   top: 499px;
   width: 253px;
}
#Layermenu_panel
{
   height: 100%;
   width: 253px;
}
#Layermenu
{
   padding: 0;
}
#Button3
{
   width: 178px;
   height: 49px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 20px 10px;
   padding: 10px 6px 10px 6px;
}
#Button3
{
   line-height: 27px;
}
#wb_Text8
{
   width: 164px;
   height: 25px;
   visibility: visible;
   display: inline-block;
}
#wb_Text8
{
   font-size: 19px;
   margin: 15px 0 0 0 ;
   padding: 10px 6px 10px 6px;
   text-align: center;
}
#wb_Icon1
{
   width: 21px;
   height: 21px;
   visibility: visible;
   display: inline;
   margin: 5px 10px 0 0 ;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 2px 2px 2px 2px;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   background-image: none;
   border: 2px solid #FFFFFF;
   box-shadow: 0px 0px 0px #000000;
}
#Icon1
{
   width: 21px;
   height: 21px;
}
#Icon1 i
{
   line-height: 21px;
   font-size: 21px;
   width: 20px;
   color: #FFFFFF;
}
#Icon1:hover i
{
   color: #DC143C;
}
#wb_Icon1:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 2px solid #FFFFFF;
}
#wb_Iconex
{
   width: 28px;
   height: 43px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 15px;
   padding: 0;
   color: #FFBB00;
}
#Iconex
{
   width: 28px;
   height: 43px;
}
#Iconex i
{
   line-height: 43px;
   font-size: 28px;
   width: 27px;
   color: #FFBB00;
}
#Iconex:hover i
{
   color: #1E90FF;
}
#wb_ThemeableButton1
{
   width: 14px;
   height: 40px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#ThemeableButton1
{
   font-size: 16px;
}
#wb_ThemeableButton1 .ui-button
{
   line-height: 34px;
   padding: 2px 2px 2px 2px;
}
#wb_Image1
{
   width: 113px;
   height: 76px;
   visibility: visible;
   display: inline-block;
   margin: 0 25px 0 0 ;
   padding: 0;
}
#Image1
{
   width: 113px;
   height: 76px;
}
#wb_Icon2
{
   width: 24px;
   height: 39px;
   visibility: visible;
   display: inline-block;
   margin: 0 15px 0 0 ;
   padding: 0;
   color: #FFBB00;
}
#Icon2
{
   width: 24px;
   height: 39px;
}
#Icon2 i
{
   line-height: 39px;
   font-size: 24px;
   width: 23px;
   color: #FFBB00;
}
#Icon2:hover i
{
   color: #FFBB00;
}
#wb_codht
{
   visibility: visible;
   display: table;
}
#wb_codht
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#codht
{
   height: auto;
   padding: 0 15px 0 15px;
}
#codht .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#codht > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#codht > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#Html3
{
   width: 70px;
   height: 10px;
   visibility: visible;
   display: inline-block;
}
#wb_PanelMenu1
{
   width: 29px;
   height: 40px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 0 30px;
}
#PanelMenu1
{
   line-height: 40px;
   width: 29px;
   height: 40px;
}
#PanelMenu1 .line:first-child
{
   margin-top: 9px;
}
#wb_PanelMenu1 a
{
   color: #FFFFFF;
   border: 0px none #757575;
   border-radius: 0px;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   text-align: right;
   text-transform: none;
}
#wb_PanelMenu1 a:hover
{
   color: #FFFFFF;
   background-color: #1E90FF;
   border: 0px none #757575;
}
#wb_PanelMenu3
{
   width: 22px;
   height: 64px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 0 60px;
}
#PanelMenu3
{
   line-height: 64px;
   width: 22px;
   height: 64px;
}
#PanelMenu3 .line:first-child
{
   margin-top: 21px;
}
#PanelMenu3_markup li a
{
   color: #FFFFFF;
   border: 0px solid #757575;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#wb_PanelMenu3 a
{
   color: #FFFFFF;
   border: 0px none #757575;
   border-radius: 0px;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-align: right;
   text-transform: none;
}
#PanelMenu3_markup li:nth-child(n+2) a, #PanelMenu3_markup li:nth-child(n+2) a:hover
{
   border-top-color: transparent !important;
}
#PanelMenu3_markup li a:hover
{
   color: #FFFFFF;
}
.PanelMenu3-effect:before, #PanelMenu3_markup li .active
{
   background-color: #1E90FF;
   border: 0px solid #757575;
}
#PanelMenu3_markup li a .icon
{
   fill: currentColor;
   margin-right: 0px;
   height: 22px;
   width: 22px;
   vertical-align: middle;
}
#PanelMenu3_markup li a:hover .icon
{
   fill: currentColor;
}
#wb_PanelMenu3 a:hover
{
   color: #FFFFFF;
   background-color: #1E90FF;
   border: 0px none #757575;
}
#PanelMenu3_panel
{
   background-color: #044B9D;
   overflow-y: auto;
}
#upStickyLayer
{
   width: 48px;
   height: 48px;
   visibility: visible;
   display: block;
}
#wb_ThemeableButton2
{
   width: 14px;
   height: 40px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#ThemeableButton2
{
   font-size: 16px;
}
#wb_ThemeableButton2 .ui-button
{
   line-height: 34px;
   padding: 2px 2px 2px 2px;
}
#wb_Icon4
{
   width: 39px;
   height: 32px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon4
{
   width: 39px;
   height: 32px;
}
#Icon4 i
{
   line-height: 32px;
   font-size: 32px;
   width: 31px;
   color: #FFFFFF;
}
#Icon4:hover i
{
   color: #FFFFFF;
}
#wb_Icon4:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_Icon5
{
   width: 39px;
   height: 32px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   font-size: 8px;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon5
{
   width: 39px;
   height: 32px;
}
#Icon5 i
{
   line-height: 32px;
   font-size: 32px;
   width: 31px;
   color: #FFFFFF;
}
#Icon5:hover i
{
   color: #FFFFFF;
}
#wb_Icon5:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_Icon6
{
   width: 39px;
   height: 32px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon6
{
   width: 39px;
   height: 32px;
}
#Icon6 i
{
   line-height: 32px;
   font-size: 32px;
   width: 31px;
   color: #FFFFFF;
}
#Icon6:hover i
{
   color: #FFFFFF;
}
#wb_Icon6:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_footerText
{
   visibility: visible;
   display: block;
}
#wb_footerText
{
   font-size: 13px;
   margin: 10px 0 0 0 ;
   padding: 0;
   text-align: center;
}
#wb_layfooter
{
   visibility: visible;
   display: table;
   background-color: #F9F9F9;
   background-image: none;
}
#wb_layfooter
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 52px;
}
#layfooter
{
   height: auto;
   padding: 10px 0 10px 0;
}
#layfooter > .col-1, #layfooter > .col-2
{
   padding-right: 15px;
   padding-left: 15px;
}
#layfooter > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#layfooter > .col-2
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#Flexbasconect
{
   visibility: visible;
   display: flex;
   background-color: #044B9D;
   background-image: none;
   background-image: none;
}
#Flexbasconect
{
   min-height: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: space-around;
}
}
@media only screen and (max-width: 359px)
{
body
{
   background-color: #F5F7FA;
   background-image: none;
}
#wb_DropdownMenu1
{
   width: 40px;
   height: 66px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#DropdownMenu1, .DropdownMenu1 .nav, .DropdownMenu1 .dropdown-menu
{
   font-weight: normal;
   font-size: 13px;
}
#wb_entdeconect
{
   visibility: visible;
   display: table;
}
#wb_entdeconect
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#entdeconect
{
   height: auto;
   padding: 10px 0 10px 0;
}
#entdeconect > .col-1, #entdeconect > .col-2, #entdeconect > .col-3
{
   padding-right: 0px;
   padding-left: 0px;
}
#entdeconect > .col-1
{
   display: flex;
   flex-basis: 180px;
   max-width: 180px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#entdeconect > .col-2
{
   display: flex;
   flex-basis:  calc((100% - 280px) / 1);
   max-width:  calc((100% - 280px) / 1);
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#entdeconect > .col-3
{
   display: flex;
   flex-basis: 100px;
   max-width: 100px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#FlexContainer4
{
   width: 100%;
   visibility: visible;
   display: flex;
}
#FlexContainer4
{
   min-height: 0;
   margin: 0 0 5px 0 ;
   padding: 5px 5px 0 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-end;
   align-items: center;
   align-content: flex-end;
}
#wb_layancre
{
   visibility: visible;
   display: table;
}
#wb_layancre
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#layancre
{
   height: auto;
   padding: 0 15px 0 15px;
}
#layancre .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#layancre > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#layancre > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_entete
{
   visibility: visible;
   display: table;
}
#wb_entete
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#entete
{
   height: auto;
   padding: 9px 0 10px 0;
}
#entete > .col-1, #entete > .col-2, #entete > .col-3
{
   padding-right: 0px;
   padding-left: 0px;
}
#entete > .col-1
{
   display: flex;
   flex-basis: 140px;
   max-width: 140px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#entete > .col-2
{
   display: flex;
   flex-basis:  calc((100% - 320px) / 1);
   max-width:  calc((100% - 320px) / 1);
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#entete > .col-3
{
   display: flex;
   flex-basis: 180px;
   max-width: 180px;
   border: 0px solid #BBAA99;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
#wb_Iconmess
{
   width: 38px;
   height: 33px;
   visibility: hidden;
   display: none;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFBB00;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Iconmess
{
   width: 38px;
   height: 33px;
}
#Iconmess i
{
   line-height: 33px;
   font-size: 33px;
   width: 32px;
   color: #FFBB00;
}
#Iconmess:hover i
{
   color: #CE9600;
}
#wb_Iconmess:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_messnotif
{
   width: 77px;
   height: 37px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#messnotif
{
   font-weight: normal;
   padding: 8px 15px 8px 15px;
   text-align: center;
}
#messnotif > li
{
   font-size: 19px;
}
#messnotif > li + li:before
{
   padding: 0 20px;
}
#FlexContainer1
{
   width: 100%;
   visibility: hidden;
   display: none;
}
#FlexContainer1
{
   min-height: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Image3
{
   width: 75px;
   height: 50px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 0 0 ;
   padding: 0;
}
#Image3
{
   width: 75px;
   height: 50px;
}
#wb_Iconnotif
{
   width: 42px;
   height: 30px;
   visibility: hidden;
   display: none;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFBB00;
   font-size: 8px;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Iconnotif
{
   width: 42px;
   height: 30px;
}
#Iconnotif i
{
   line-height: 30px;
   font-size: 30px;
   width: 29px;
   color: #FFBB00;
}
#Iconnotif:hover i
{
   color: #CE9600;
}
#wb_Iconnotif:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_utilist
{
   visibility: visible;
   display: block;
}
#utilist a, #utilist .secondlevel .secondlevelbtn
{
   font-size: 16px;
}
#utilist a
{
   font-size: 16px;
   padding: 10px 15px 10px 5px;
}
#utilist .secondlevel .secondlevelbtn
{
   font-size: 16px;
   padding: 10px 15px 10px 5px;
}
#utilist .secondlevel-content a
{
   padding: 10px 5px 10px 5px;
}
#utilist i
{
   font-size: 22px;
   width: 24px;
}
#utilist .secondlevel-content i
{
   font-size: 16px;
   width: 16px;
}
#wb_Icon3
{
   width: 42px;
   height: 30px;
   visibility: hidden;
   display: none;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFBB00;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon3
{
   width: 42px;
   height: 30px;
}
#Icon3 i
{
   line-height: 30px;
   font-size: 30px;
   width: 29px;
   color: #FFBB00;
}
#Icon3:hover i
{
   color: #CE9600;
}
#wb_Icon3:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#Html1
{
   width: 78px;
   height: 23px;
   visibility: visible;
   display: inline-block;
}
#Html2
{
   width: 80px;
   height: 17px;
   visibility: visible;
   display: inline-block;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 89px;
   margin-bottom: 0px;
}
#LayoutGrid1
{
   height: auto;
   padding: 10px 15px 0 15px;
}
#LayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb_Text1
{
   width: 290px;
   height: 21px;
   visibility: visible;
   display: inline-block;
}
#wb_Text1
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text3
{
   visibility: visible;
   display: block;
}
#wb_Text3
{
   margin: 0;
   padding: 10px 0 0 0;
}
#wb_CardContainer1
{
   width: 100%;
   visibility: visible;
   display: block;
}
#CardContainer1
{
   padding: 10px 30px 25px 30px;
}
#wb_Card1
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   min-width: 200px;
}
#Card1-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card1
{
   text-align: center;
}
#wb_Card1
{
   max-width: calc(100% - 20px);
}
#wb_Card2
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   min-width: 200px;
}
#Card2-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card2
{
   text-align: center;
}
#wb_Card2
{
   max-width: calc(100% - 20px);
}
#wb_Card3
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   min-width: 200px;
}
#Card3-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card3
{
   text-align: center;
}
#wb_Card3
{
   max-width: calc(100% - 20px);
}
#wb_Card4
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   min-width: 200px;
}
#Card4-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card4
{
   text-align: center;
}
#wb_Card4
{
   max-width: calc(100% - 20px);
}
#wb_Card5
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 10px 10px 10px 10px;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   align-self: auto;
   min-width: 200px;
}
#Card5-card-item0
{
   box-sizing: border-box;
   margin: 30px 0 20px 0 ;
   padding: 0;
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-style: italic;
   font-size: 13px;
   text-align: center;
}
#wb_Card5
{
   text-align: center;
}
#wb_Card5
{
   max-width: calc(100% - 20px);
}
#wb_Text2
{
   visibility: visible;
   display: block;
}
#wb_Text2
{
   font-size: 15px;
   margin: 0;
   padding: 2px 0 2px 0;
   text-align: center;
}
#wb_upIcon
{
   left: 8px;
   top: 8px;
   width: 24px;
   height: 24px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
}
#upIcon
{
   width: 24px;
   height: 24px;
}
#upIcon i
{
   line-height: 24px;
   font-size: 24px;
   width: 23px;
}
#wb_OverlayMenu1
{
   width: 255px;
   height: 758px;
   visibility: visible;
   display: inline-block;
   margin: 10px 0 25px 0 ;
}
#OverlayMenu1-overlay ul
{
   font-size: 15px;
   text-align: left;
}
#Layermenu
{
   left: 0px;
   top: 521px;
   width: 253px;
}
#Layermenu_panel
{
   height: 100%;
   width: 253px;
}
#Layermenu
{
   padding: 0;
}
#Button3
{
   width: 159px;
   height: 39px;
   visibility: visible;
   display: inline-block;
   margin: 0 10px 20px 10px;
   padding: 10px 6px 10px 6px;
}
#Button3
{
   line-height: 17px;
}
#wb_Text8
{
   width: 165px;
   height: 21px;
   visibility: visible;
   display: inline-block;
}
#wb_Text8
{
   font-size: 19px;
   margin: 15px 0 0 0 ;
   padding: 10px 6px 10px 6px;
   text-align: center;
}
#wb_Icon1
{
   width: 27px;
   height: 27px;
   visibility: visible;
   display: inline;
   margin: 5px 10px 0 0 ;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 2px 2px 2px 2px;
   color: #F5F5F5;
   background-color: transparent;
   background-image: none;
   background-image: none;
   border: 2px solid #F5F5F5;
   box-shadow: 0px 0px 0px #FFBB00;
}
#Icon1
{
   width: 27px;
   height: 27px;
}
#Icon1 i
{
   line-height: 27px;
   font-size: 27px;
   width: 26px;
   color: #F5F5F5;
}
#Icon1:hover i
{
   color: #DC143C;
}
#wb_Icon1:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 2px solid #FFFFFF;
}
#wb_Iconex
{
   width: 24px;
   height: 40px;
   visibility: visible;
   display: inline-block;
   margin: 0 3px 0 10px;
   padding: 0;
   color: #FFBB00;
}
#Iconex
{
   width: 24px;
   height: 40px;
}
#Iconex i
{
   line-height: 40px;
   font-size: 24px;
   width: 23px;
   color: #FFBB00;
}
#Iconex:hover i
{
   color: #FFFFFF;
}
#wb_ThemeableButton1
{
   width: 14px;
   height: 38px;
   visibility: hidden;
   display: none;
   margin: 1px 0 1px 0 ;
}
#ThemeableButton1
{
   font-size: 15px;
}
#wb_ThemeableButton1 .ui-button
{
   line-height: 32px;
   padding: 2px 2px 2px 2px;
}
#wb_Image1
{
   width: 89px;
   height: 60px;
   visibility: visible;
   display: inline-block;
   margin: 0 20px 0 0 ;
   padding: 0;
}
#Image1
{
   width: 89px;
   height: 60px;
}
#wb_Icon2
{
   width: 23px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0 15px 0 0 ;
   padding: 5px 5px 5px 5px;
   color: #FFBB00;
}
#Icon2
{
   width: 23px;
   height: 22px;
}
#Icon2 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
   color: #FFBB00;
}
#Icon2:hover i
{
   color: #FFFFFF;
}
#wb_codht
{
   visibility: visible;
   display: table;
}
#wb_codht
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#codht
{
   height: auto;
   padding: 0 15px 0 15px;
}
#codht .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#codht > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#codht > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#Html3
{
   width: 70px;
   height: 10px;
   visibility: visible;
   display: inline-block;
}
#wb_PanelMenu1
{
   width: 41px;
   height: 40px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 0 10px;
}
#PanelMenu1
{
   line-height: 40px;
   width: 41px;
   height: 40px;
}
#PanelMenu1 .line:first-child
{
   margin-top: 9px;
}
#wb_PanelMenu1 a
{
   color: #FFFFFF;
   border: 0px none #757575;
   border-radius: 0px;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   text-align: right;
   text-transform: none;
}
#wb_PanelMenu1 a:hover
{
   color: #FFFFFF;
   background-color: #1E90FF;
   border: 0px none #757575;
}
#wb_PanelMenu3
{
   width: 42px;
   height: 40px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 0 10px;
}
#PanelMenu3
{
   line-height: 40px;
   width: 42px;
   height: 40px;
}
#PanelMenu3 .line:first-child
{
   margin-top: 9px;
}
#PanelMenu3_markup li a
{
   color: #FFFFFF;
   border: 0px solid #757575;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#wb_PanelMenu3 a
{
   color: #FFFFFF;
   border: 0px none #757575;
   border-radius: 0px;
   background-color: #044B9D;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-align: right;
   text-transform: none;
}
#PanelMenu3_markup li:nth-child(n+2) a, #PanelMenu3_markup li:nth-child(n+2) a:hover
{
   border-top-color: transparent !important;
}
#PanelMenu3_markup li a:hover
{
   color: #FFFFFF;
}
.PanelMenu3-effect:before, #PanelMenu3_markup li .active
{
   background-color: #1E90FF;
   border: 0px solid #757575;
}
#PanelMenu3_markup li a .icon
{
   fill: currentColor;
   margin-right: 0px;
   height: 22px;
   width: 22px;
   vertical-align: middle;
}
#PanelMenu3_markup li a:hover .icon
{
   fill: currentColor;
}
#wb_PanelMenu3 a:hover
{
   color: #FFFFFF;
   background-color: #1E90FF;
   border: 0px none #757575;
}
#PanelMenu3_panel
{
   background-color: #044B9D;
   overflow-y: auto;
}
#upStickyLayer
{
   width: 48px;
   height: 48px;
   visibility: visible;
   display: block;
}
#wb_ThemeableButton2
{
   width: 14px;
   height: 38px;
   visibility: hidden;
   display: none;
   margin: 1px 0 1px 0 ;
}
#ThemeableButton2
{
   font-size: 15px;
}
#wb_ThemeableButton2 .ui-button
{
   line-height: 32px;
   padding: 2px 2px 2px 2px;
}
#wb_Icon4
{
   width: 38px;
   height: 33px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon4
{
   width: 38px;
   height: 33px;
}
#Icon4 i
{
   line-height: 33px;
   font-size: 33px;
   width: 32px;
   color: #FFFFFF;
}
#Icon4:hover i
{
   color: #FFFFFF;
}
#wb_Icon4:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_Icon5
{
   width: 42px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   font-size: 8px;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon5
{
   width: 42px;
   height: 30px;
}
#Icon5 i
{
   line-height: 30px;
   font-size: 30px;
   width: 29px;
   color: #FFFFFF;
}
#Icon5:hover i
{
   color: #FFFFFF;
}
#wb_Icon5:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_Icon6
{
   width: 42px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
}
#Icon6
{
   width: 42px;
   height: 30px;
}
#Icon6 i
{
   line-height: 30px;
   font-size: 30px;
   width: 29px;
   color: #FFFFFF;
}
#Icon6:hover i
{
   color: #FFFFFF;
}
#wb_Icon6:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#wb_footerText
{
   visibility: visible;
   display: block;
}
#wb_footerText
{
   font-size: 15px;
   margin: 0;
   padding: 10px 0 0 0;
   text-align: center;
}
#wb_layfooter
{
   visibility: visible;
   display: table;
   background-color: #FFFFFF;
   background-image: none;
}
#wb_layfooter
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 53px;
}
#layfooter
{
   height: auto;
   padding: 10px 0 10px 0;
}
#layfooter > .col-1, #layfooter > .col-2
{
   padding-right: 15px;
   padding-left: 15px;
}
#layfooter > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#layfooter > .col-2
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#Flexbasconect
{
   visibility: visible;
   display: flex;
   background-color: #044B9D;
   background-image: none;
   background-image: none;
}
#Flexbasconect
{
   min-height: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
}