div#container
{
   width: 950px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #000000;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#FlexContainer1
{
   display: flex;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 7776;
   padding: 20px 5px 30px 5px;
   box-shadow: 2px 2px 5px #FFEFD5;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
   margin: 0;
   background-image: linear-gradient(to top, #0B0B31 0%, #070721 100%);
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0;
}
#upStickyLayer
{
   background-color: #C71585;
   background-image: none;
   border-radius: 0px;
   opacity: 0.77;
}
#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;
}
#upIcon
{
   height: 24px;
   width: 24px;
}
#upIcon i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 24px;
   line-height: 24px;
   vertical-align: middle;
   width: 23px;
}
#upIcon:hover i
{
   color: #EEEEEE;
}
#wb_LayoutGrid8
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0 0 1px 0 ;
}
#LayoutGrid8
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid8 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid8 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid8 > .row > .col-1
{
   float: left;
}
#LayoutGrid8 > .row > .col-1
{
   background-color: #0C1C3F;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   width: 100%;
   text-align: center;
}
#LayoutGrid8:before,
#LayoutGrid8:after,
#LayoutGrid8 .row:before,
#LayoutGrid8 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid8:after,
#LayoutGrid8 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid8 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#FlexContainer26
{
   display: flex;
   position: relative;
   height: 1px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
   margin: 0;
   background-color: #DCDCDC;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0;
}
#wb_FlexContainer27
{
   background-image: linear-gradient(to top, #094A74 0%, #20798C 50%, #056F5A 100%);
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   box-sizing: border-box;
   position: relative;
}
#FlexContainer27
{
   display: flex;
   position: relative;
   height: 4px;
   padding: 3px 20px 3px 20px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1010px;
   box-sizing: border-box;
   font-size: 0;
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #0B0B0B;
   background-image: none;
   border: 0px solid transparent;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   padding: 10px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2, #LayoutGrid2 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2, #LayoutGrid2 > .row > .col-3
{
   float: left;
}
#LayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid2 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   width: 33.33333333%;
   text-align: right;
}
#LayoutGrid2 > .row > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 8px 0 0 0;
}
#LayoutGrid2:before,
#LayoutGrid2:after,
#LayoutGrid2 .row:before,
#LayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid2:after,
#LayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2, #LayoutGrid2 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#FlexContainer28
{
   display: flex;
   position: relative;
   height: 1px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
   margin: 0;
   background-color: #DCDCDC;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0;
}
#wb_LayoutGrid6
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-image: radial-gradient(circle, #04163D 0%, #0B0B0B 100%);
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid6
{
   box-sizing: border-box;
   padding: 20px 15px 90px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1200px;
}
#LayoutGrid6 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid6 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid6 > .row > .col-1
{
   float: left;
}
#LayoutGrid6 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid6:before,
#LayoutGrid6:after,
#LayoutGrid6 .row:before,
#LayoutGrid6 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid6:after,
#LayoutGrid6 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid6 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_Conception_du_site_technicod_com
{
   margin: 0;
   vertical-align: top;
}
#Conception_du_site_technicod_com
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 450px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#FlexContainer4
{
   display: flex;
   position: relative;
   height: 1px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
   margin: 0;
   background-color: #DCDCDC;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0;
}
#wb_FlexContainer10
{
   background-image: linear-gradient(to top, #094A74 0%, #20798C 50%, #056F5A 100%);
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   box-sizing: border-box;
   position: relative;
}
#FlexContainer10
{
   display: flex;
   position: relative;
   height: 4px;
   padding: 3px 20px 3px 20px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1010px;
   box-sizing: border-box;
   font-size: 0;
}
#FlexContainer11
{
   display: flex;
   position: relative;
   height: 1px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
   margin: 0;
   background-color: #DCDCDC;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0;
}
#wb_Technicod_tous_droits_reserves 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 12px 0 12px 0;
   margin: 0;
   text-align: center;
}
#wb_Technicod_tous_droits_reserves
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 12px;
   line-height: 13.5px;
}
#wb_Technicod_tous_droits_reserves p, #wb_Technicod_tous_droits_reserves ul
{
   margin: 0;
   padding: 0;
}
#wb_Technicod_tous_droits_reserves
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Layer1
{
   background-color: #C71585;
   background-image: none;
   border-radius: 0px;
   opacity: 0.77;
}
#wb_IconFont1
{
   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;
}
#IconFont1
{
   height: 24px;
   width: 24px;
}
#IconFont1 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 24px;
   line-height: 24px;
   vertical-align: middle;
   width: 23px;
}
#IconFont1:hover i
{
   color: #EEEEEE;
}
#wb_Image1
{
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 215px;
   height: auto;
}
#wb_LayoutGrid15
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid15
{
   box-sizing: border-box;
   padding: 20px 15px 20px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 500px;
}
#LayoutGrid15 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid15 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid15 > .row > .col-1
{
   float: left;
}
#LayoutGrid15 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#LayoutGrid15:before,
#LayoutGrid15:after,
#LayoutGrid15 .row:before,
#LayoutGrid15 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid15:after,
#LayoutGrid15 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid15 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#FlexContainer2
{
   display: flex;
   position: relative;
   padding: 10px 10px 10px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
   margin: 0;
   background-color: #0B0B0B;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   box-sizing: border-box;
   font-size: 0;
}
#wb_Image2
{
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 56px;
   height: auto;
}
#wb_Image7
{
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   vertical-align: top;
}
#Image7
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 56px;
   height: auto;
}
#wb_Image23
{
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   vertical-align: top;
}
#Image23
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 54px;
   height: auto;
}
#FlexContainer3
{
   display: flex;
   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-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   box-sizing: border-box;
   font-size: 0;
}
#wb_Image24
{
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   vertical-align: top;
}
#Image24
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 196px;
   height: auto;
}
#FlexContainer5
{
   display: flex;
   position: relative;
   padding: 0 10px 0 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 #CCCCCC;
   box-sizing: border-box;
   font-size: 0;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   flex-grow: 1;
   flex-shrink: 1;
   align-self: auto;
   padding: 10px 0 0 0;
   margin: 0;
   text-align: center;
}
#wb_Text1 div
{
   text-align: center;
}
#wb_Image25
{
   margin: 0;
   vertical-align: top;
}
#Image25
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 200px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Image26
{
   margin: 0;
   vertical-align: top;
}
#Image26
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 100px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_LayoutGrid17
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0 0 10px 0 ;
}
#LayoutGrid17
{
   box-sizing: border-box;
   padding: 15px 15px 5px 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid17 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid17 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid17 > .row > .col-1
{
   float: left;
}
#LayoutGrid17 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid17:before,
#LayoutGrid17:after,
#LayoutGrid17 .row:before,
#LayoutGrid17 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid17:after,
#LayoutGrid17 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid17 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_CssMenu1
{
   border: 0px solid #C0C0C0;
   background-color: transparent;
   margin: 5px 0 0 0 ;
   text-align: center;
   z-index: 1111 !important;
}
#wb_CssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: relative;
   display: inline-block;
   width: 247px;
}
#wb_CssMenu1 li
{
   float: left;
   margin: 0;
   padding: 0px 0px 1px 0px;
   width: 247px;
}
#wb_CssMenu1 a
{
   display: block;
   color: #87CEEB;
   border: 0px solid #CCCCCC;
   background-color: transparent;
   background-image: none;
   font-family: "Segoe UI Semibold";
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   width: 247px;
   height: 27px;
   line-height: 27px;
   padding: 0px 0px 0px 0px;
   vertical-align: middle;
   text-align: left;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #33D543;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_CssMenu1 .firstmain a
{
   margin-top: 0px;
}
#wb_CssMenu1 li.lastmain
{
   padding-bottom: 0px;
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#wb_LayoutGrid25
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid25
{
   box-sizing: border-box;
   padding: 10px 15px 2px 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid25 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid25 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid25 > .row > .col-1
{
   float: left;
}
#LayoutGrid25 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#LayoutGrid25:before,
#LayoutGrid25:after,
#LayoutGrid25 .row:before,
#LayoutGrid25 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid25:after,
#LayoutGrid25 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid25 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_Image27
{
   margin: 0;
   vertical-align: top;
}
#Image27
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 250px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_LayoutGrid28
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
}
#LayoutGrid28
{
   box-sizing: border-box;
   padding: 3px 15px 2px 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid28 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid28 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid28 > .row > .col-1
{
   float: left;
}
#LayoutGrid28 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#LayoutGrid28:before,
#LayoutGrid28:after,
#LayoutGrid28 .row:before,
#LayoutGrid28 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid28:after,
#LayoutGrid28 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid28 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 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_LayoutGrid29
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 8px 0 0 0 ;
}
#LayoutGrid29
{
   box-sizing: border-box;
   padding: 8px 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid29 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid29 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid29 > .row > .col-1
{
   float: left;
}
#LayoutGrid29 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid29:before,
#LayoutGrid29:after,
#LayoutGrid29 .row:before,
#LayoutGrid29 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid29:after,
#LayoutGrid29 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid29 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid30
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0 0 10px 0 ;
}
#LayoutGrid30
{
   box-sizing: border-box;
   padding: 8px 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid30 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid30 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid30 > .row > .col-1
{
   float: left;
}
#LayoutGrid30 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid30:before,
#LayoutGrid30:after,
#LayoutGrid30 .row:before,
#LayoutGrid30 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid30:after,
#LayoutGrid30 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid30 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 10px 0 0 0;
   margin: 0 0 3px 0 ;
   text-align: left;
}
#wb_Text4 div
{
   text-align: left;
}
#wb_Text4
{
   display: block;
   margin: 0 0 3px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_Menu_codes_barres_technicod
{
   display: block;
   font-family: "Segoe UI Semibold";
   font-weight: normal;
   text-align: center;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   z-index: 1111 !important;
}
#Menu_codes_barres_technicod
{
   display: inline-block;
   height: 48px;
}
#wb_Menu_codes_barres_technicod ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#wb_Menu_codes_barres_technicod ul:after
{
   clear: both;
   content: "";
   display: block;
}
#wb_Menu_codes_barres_technicod ul li
{
   display: list-item;
   float: left;
   list-style: none;
   z-index: 9999;
}
#wb_Menu_codes_barres_technicod ul li i
{
   font-size: 24px;
   width: 24px;
}
#wb_Menu_codes_barres_technicod ul li a
{
   background-color: #0A0A2D;
   color: #FFFFFF;
   font-family: "Segoe UI Semibold";
   font-weight: normal;
   font-size: 12px;
   font-style: normal;
   padding: 5px 10px 5px 10px;
   text-align: center;
   text-decoration: none;
}
#wb_Menu_codes_barres_technicod > ul > li > a 
{
   margin-right: 1px;
   height: 38px;
}
.Menu_codes_barres_technicod a 
{
   display: block;
}
#wb_Menu_codes_barres_technicod li a:hover, #wb_Menu_codes_barres_technicod li .active
{
   background-color: #F5DEB3;
   color: #424242;
}
#wb_Menu_codes_barres_technicod ul ul
{
   display: none;
   position: absolute;
   top: 48px;
}
#wb_Menu_codes_barres_technicod ul li:hover > ul
{
   display: list-item;
}
#wb_Menu_codes_barres_technicod ul ul li 
{
   float: none;
   position: relative;
   width: 323px;
}
#wb_Menu_codes_barres_technicod ul ul li a
{
   background-color: #7A7A7A;
   border: 3px solid #7A7A7A;
   color: #FFFFFF;
}
#wb_Menu_codes_barres_technicod ul ul li a:hover, #wb_Menu_codes_barres_technicod ul ul li .active
{
   background-color: #FFDEAD;
   border-color: #CCCCCC;
   color: #424242;
}
#wb_Menu_codes_barres_technicod ul ul li i 
{
   margin-right: 8px;
   vertical-align: middle;
}
#wb_Menu_codes_barres_technicod ul ul li a 
{
   color: #FFFFFF;
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 10px;
   text-align: left;
   vertical-align: middle;
}
#wb_Menu_codes_barres_technicod ul ul ul li 
{
   left: 323px;
   position: relative;
   top: -48px;
}
#wb_Menu_codes_barres_technicod .arrow-down 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px solid #FFFFFF;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
#wb_Menu_codes_barres_technicod .arrow-left 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-left: 4px solid #FFFFFF;
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   border-right: 0 dotted;
}
#wb_Menu_codes_barres_technicod li a:hover .arrow-down, #wb_Menu_codes_barres_technicod li .active .arrow-down
{ 
   border-top-color: #424242;
}
#wb_Menu_codes_barres_technicod ul ul li a:hover .arrow-left, #wb_Menu_codes_barres_technicod ul ul li .active .arrow-left
{ 
   border-left-color: #424242;
}
#wb_Menu_codes_barres_technicod .toggle,[id^=Menu_codes_barres_technicod-submenu]
{
   display: none;
}
@media all and (max-width:1024px) 
{
#wb_Menu_codes_barres_technicod
{
   margin: 0;
   text-align: left;
}
#wb_Menu_codes_barres_technicod ul li a, #wb_Menu_codes_barres_technicod .toggle
{
   font-size: 12px;
   font-weight: normal;
   font-style: normal;
   padding: 10px 20px 10px 20px;
}
#wb_Menu_codes_barres_technicod .toggle + a
{
   display: none !important;
}
.Menu_codes_barres_technicod 
{
   display: none;
   z-index: 9999;
}
#Menu_codes_barres_technicod 
{
   background-color: transparent;
   display: none;
}
#wb_Menu_codes_barres_technicod > ul > li > a 
{
   height: auto !important;   margin: 0;
}
#wb_Menu_codes_barres_technicod .toggle 
{
   display: block;
   background-color: #0A0A2D;
   color: #FFFFFF;
   padding: 0 20px 0 20px;
   line-height: 44px;
   text-decoration: none;
   border: none;
   position: relative;
}
#wb_Menu_codes_barres_technicod .toggle:hover 
{
   background-color: #F5DEB3;
   color: #424242;
}
[id^=Menu_codes_barres_technicod-submenu]:checked + ul 
{
   display: block !important;
}
#Menu_codes_barres_technicod-title
{
   height: 48px !important;
   line-height: 48px !important;
   text-align: center;
}
#wb_Menu_codes_barres_technicod ul li 
{
   display: block;
   width: 100% !important;
   text-align: left;
}
#wb_Menu_codes_barres_technicod ul ul .toggle,
#wb_Menu_codes_barres_technicod ul ul a 
{
   padding: 0 40px;
}
#wb_Menu_codes_barres_technicod a:hover,
#wb_Menu_codes_barres_technicod ul ul ul a 
{
   background-color: #7A7A7A;
   color: #FFFFFF;
}
#wb_Menu_codes_barres_technicod ul li ul li .toggle,
#wb_Menu_codes_barres_technicod ul ul a 
{
   background-color: #7A7A7A;
   color: #FFFFFF;
}
#wb_Menu_codes_barres_technicod ul ul ul a 
{
   padding: 10px 20px 10px 60px;
}
#wb_Menu_codes_barres_technicod ul li a 
{
   text-align: left;
}
#wb_Menu_codes_barres_technicod ul li a br 
{
   display: none;
}
#wb_Menu_codes_barres_technicod ul li i 
{
   margin-right: 8px;
}
#wb_Menu_codes_barres_technicod ul ul 
{
   float: none;
   position: static;
}
#wb_Menu_codes_barres_technicod ul ul li:hover > ul,
#wb_Menu_codes_barres_technicod ul li:hover > ul 
{
   display: none;
}
#wb_Menu_codes_barres_technicod ul ul li 
{
   display: block;
   width: 100%;
}
#wb_Menu_codes_barres_technicod ul ul ul li 
{
   position: static;
}
#Menu_codes_barres_technicod-icon 
{
   display: block;
   position: absolute;
   left: 10px;
   top: 12px;
}
#Menu_codes_barres_technicod-icon span 
{
   display: block;
   margin-top: 4px;
   height: 2px;
   background-color: #FFFFFF;
   color: #FFFFFF;
   width: 24px;
}
#wb_Menu_codes_barres_technicod ul li ul li .toggle:hover
{
   background-color: #FFDEAD;
   color: #424242;
}
#wb_Menu_codes_barres_technicod .toggle .arrow-down 
{
   border-top-color: #FFFFFF;
}
#wb_Menu_codes_barres_technicod .toggle:hover .arrow-down, #wb_Menu_codes_barres_technicod li .active .arrow-down
{
   border-top-color: #424242;
}
#wb_Menu_codes_barres_technicod ul li ul li .toggle .arrow-down 
{
   border-top-color: #FFFFFF;
}
#wb_Menu_codes_barres_technicod ul li ul li .toggle:hover .arrow-down, #wb_Menu_codes_barres_technicod ul li ul li .active .arrow-down
{
   border-top-color: #424242;
}
}
#wb_LayoutGrid21
{
   clear: both;
   position: fixed;
   left: 0;
   bottom: 0;
   z-index: 7777;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: rgba(72,61,139,0.51);
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid21
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 950px;
}
#LayoutGrid21 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid21 > .row > .col-1, #LayoutGrid21 > .row > .col-2, #LayoutGrid21 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid21 > .row > .col-1, #LayoutGrid21 > .row > .col-2, #LayoutGrid21 > .row > .col-3
{
   float: left;
}
#LayoutGrid21 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#LayoutGrid21 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#LayoutGrid21 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: right;
}
#LayoutGrid21:before,
#LayoutGrid21:after,
#LayoutGrid21 .row:before,
#LayoutGrid21 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid21:after,
#LayoutGrid21 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid21 > .row > .col-1, #LayoutGrid21 > .row > .col-2, #LayoutGrid21 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_CssMenu1
{
   display: inline-block;
   width: 100%;
   z-index: 6;
}
#wb_Image27
{
   display: inline-block;
   width: 100%;
   height: auto;
   z-index: 7;
}
#wb_Image1
{
   display: inline-block;
   width: 215px;
   z-index: 0;
}
#wb_upIcon
{
   position: absolute;
   left: 9px;
   top: 9px;
   width: 24px;
   height: 24px;
   text-align: center;
   z-index: 2;
}
#wb_Conception_du_site_technicod_com
{
   display: inline-block;
   width: 100%;
   height: auto;
   z-index: 14;
}
#wb_Menu_codes_barres_technicod
{
   display: inline-block;
   width: 643px;
   height: 41px;
   z-index: 1;
}
#wb_LayoutGrid21
{
   z-index: 10000 !important;
}
#wb_IconFont1
{
   position: absolute;
   left: 9px;
   top: 10px;
   width: 24px;
   height: 24px;
   text-align: center;
   z-index: 15;
}
#Layer1
{
   position: fixed;
   text-align: left;
   left: auto;
   right: 25px;
   top: auto;
   bottom: 25px;
   width: 50px;
   height: 50px;
   z-index: 32;
   z-index: 99999;
}
#upStickyLayer
{
   position: fixed;
   text-align: left;
   left: auto;
   right: 25px;
   top: auto;
   bottom: 25px;
   width: 50px;
   height: 50px;
   z-index: 31;
   z-index: 99999;
}
#Html2
{
   display: inline-block;
   width: 256px;
   height: 320px;
   z-index: 12;
}
@media only screen and (max-width: 949px)
{
div#container
{
   width: 320px;
}
body
{
   background-color: #000000;
   background-image: none;
}
#FlexContainer1
{
   visibility: visible;
   display: flex;
}
#FlexContainer1
{
   margin: 0;
   padding: 5px 10px 30px 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#upStickyLayer
{
   width: 50px;
   height: 50px;
   visibility: visible;
   display: block;
}
#wb_upIcon
{
   left: 9px;
   top: 10px;
   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_LayoutGrid8
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid8
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 1px;
}
#LayoutGrid8
{
   height: auto;
   padding: 0 15px 0 15px;
}
#LayoutGrid8 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid8 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid8 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#FlexContainer26
{
   visibility: visible;
   display: flex;
}
#FlexContainer26
{
   height: 2px;
   margin: 0;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_FlexContainer27
{
   visibility: visible;
   display: block;
}
#FlexContainer27
{
   height: -3px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 3px 20px 3px 20px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_LayoutGrid2
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid2
{
   height: auto;
   padding: 10px 15px 10px 15px;
}
#LayoutGrid2 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2, #LayoutGrid2 > .row > .col-3
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid2 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#LayoutGrid2 > .row > .col-2
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#LayoutGrid2 > .row > .col-3
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#LayoutGrid2 > .row > .col-3 > .col-3-padding
{
   width: 100%;
   padding: 0;
}
#FlexContainer28
{
   visibility: visible;
   display: flex;
}
#FlexContainer28
{
   height: 2px;
   margin: 0;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_LayoutGrid6
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid6
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid6
{
   height: auto;
   padding: 20px 15px 90px 15px;
}
#LayoutGrid6 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid6 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid6 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_Conception_du_site_technicod_com
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#FlexContainer4
{
   visibility: visible;
   display: flex;
}
#FlexContainer4
{
   height: 2px;
   margin: 0;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_FlexContainer10
{
   visibility: visible;
   display: block;
}
#FlexContainer10
{
   height: -3px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 3px 20px 3px 20px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#FlexContainer11
{
   visibility: visible;
   display: flex;
}
#FlexContainer11
{
   height: 2px;
   margin: 0;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Technicod_tous_droits_reserves
{
   visibility: visible;
   display: block;
}
#wb_Technicod_tous_droits_reserves
{
   margin: 0;
   padding: 12px 0 12px 0;
}
#Layer1
{
   width: 50px;
   height: 50px;
   visibility: visible;
   display: block;
}
#wb_IconFont1
{
   left: 9px;
   top: 10px;
   width: 24px;
   height: 24px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
}
#IconFont1
{
   width: 24px;
   height: 24px;
}
#IconFont1 i
{
   line-height: 24px;
   font-size: 24px;
   width: 23px;
}
#wb_Image1
{
   width: 154px;
   height: 51px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
}
#Image1
{
   width: 154px;
   height: 51px;
}
#wb_LayoutGrid15
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid15
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid15
{
   height: auto;
   padding: 20px 15px 20px 15px;
}
#LayoutGrid15 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid15 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid15 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#FlexContainer2
{
   visibility: visible;
   display: flex;
}
#FlexContainer2
{
   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_Image2
{
   width: 40px;
   height: 38px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
}
#wb_Image7
{
   width: 40px;
   height: 37px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
}
#wb_Image23
{
   width: 37px;
   height: 37px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
}
#FlexContainer3
{
   visibility: visible;
   display: flex;
}
#FlexContainer3
{
   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_Image24
{
   width: 105px;
   height: 27px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
}
#FlexContainer5
{
   visibility: visible;
   display: flex;
}
#FlexContainer5
{
   margin: 0;
   padding: 0 10px 0 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Text1
{
   width: auto;
   height: auto;
   visibility: visible;
   display: inline;
   flex-grow: 1;
   flex-shrink: 1;
   align-self: auto;
}
#wb_Text1
{
   margin: 0;
   padding: 0;
}
#wb_Image25
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#wb_Image26
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#wb_LayoutGrid17
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid17
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 10px;
}
#LayoutGrid17
{
   height: auto;
   padding: 15px 15px 5px 15px;
}
#LayoutGrid17 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid17 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid17 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_CssMenu1
{
   visibility: visible;
   display: inline-block;
   margin: 5px 0 0 0 ;
   text-align: center;
}
#wb_CssMenu1 li
{
   width: 247px;
}
#wb_CssMenu1 a
{
   color: #87CEEB;
   border: 0px solid #CCCCCC;
   background-color: transparent;
   background-image: none;
   font-family: "Segoe UI Semibold";
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   width: 247px;
   height: 27px;
   line-height: 27px;
   text-align: left;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #33D543;
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: none;
}
#wb_CssMenu1 li
{
   padding-bottom: 1px !important;
}
#wb_LayoutGrid25
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid25
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid25
{
   height: auto;
   padding: 10px 15px 2px 15px;
}
#LayoutGrid25 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid25 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid25 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_Image27
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#wb_LayoutGrid28
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid28
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 30px;
}
#LayoutGrid28
{
   height: auto;
   padding: 3px 15px 2px 15px;
}
#LayoutGrid28 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid28 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid28 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_Text3
{
   visibility: visible;
   display: block;
}
#wb_Text3
{
   margin: 0;
   padding: 0;
}
#wb_LayoutGrid29
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid29
{
   height: auto;
   margin-top: 8px;
   margin-bottom: 0px;
}
#LayoutGrid29
{
   height: auto;
   padding: 8px 15px 0 15px;
}
#LayoutGrid29 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid29 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid29 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#Html2
{
   width: 260px;
   height: 281px;
   visibility: visible;
   display: inline-block;
}
#wb_LayoutGrid30
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid30
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 10px;
}
#LayoutGrid30
{
   height: auto;
   padding: 8px 15px 0 15px;
}
#LayoutGrid30 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid30 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid30 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#wb_Text4
{
   visibility: visible;
   display: block;
}
#wb_Text4
{
   margin: 0;
   padding: 10px 0 0 0;
}
#wb_Menu_codes_barres_technicod
{
   width: 300px;
   height: 53px;
   visibility: visible;
   display: inline;
   margin: 5px 5px 5px 5px;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   text-align: center;
}
#wb_LayoutGrid21
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid21
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#LayoutGrid21
{
   height: auto;
   padding: 0 15px 0 15px;
}
#LayoutGrid21 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
}
/* ===================================================================
   CONTENU CENTRAL — page « Analyseur TECHNICOD »
   À coller dans un objet HTML de WWB (ton header + footer restent).
   Monde : pré-presse code-barres. Fond blanc, couleurs TECHNICOD.
   Palette : encre navy / cyan technique / vert "conforme" / jaune+rouge logo.
   Type : Montserrat (titres) + Open Sans (texte).
   Tout est préfixé .atp- et scopé sous .atp pour ne rien casser.
=================================================================== */
.atp{
  --navy:#0c1a3d; --navy2:#0a1533; --teal:#13757c;
  --cyan:#0fa6bd; --cyan-d:#0b7f92; --cyan-l:#e6f7fb;
  --green:#12a05f; --green-l:#e7f7ef; --green-b:#2fb574;
  --red:#e4322b; --yellow:#f4b63a;
  --ink:#1f2a3a; --muted:#5a6b7d; --line:#e4ebf2;
  --bg:#ffffff; --soft:#f4f7fb; --soft2:#eef3f8;
  --fontD:"Montserrat","Segoe UI",Arial,sans-serif;
  --fontB:"Open Sans","Segoe UI",Arial,sans-serif;
  --radius:14px;
  --maxw:1140px;
  color:var(--ink);font-family:var(--fontB);line-height:1.6;
  background:linear-gradient(172deg,#0c1a3d 0%,#0f4a60 17%,#12707a 40%,#128072 66%,#0f7a59 100%);
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
.atp *{box-sizing:border-box}
.atp img{max-width:100%}
.atp .wrap{max-width:var(--maxw);margin:0 auto;
  padding-left:max(18px,env(safe-area-inset-left,0px));
  padding-right:max(18px,env(safe-area-inset-right,0px))}
.atp a{color:var(--cyan-d);text-decoration:none}
.atp h1,.atp h2,.atp h3{font-family:var(--fontD);color:var(--navy);margin:0;line-height:1.15;text-wrap:balance}
.atp .eyebrow{font-family:var(--fontD);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  font-size:13px;color:#8fe3ef;margin:0 0 12px}
.atp .lead{color:var(--muted);font-size:18px;max-width:62ch}
/* ---------- BOUTONS ---------- */
.atp .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--fontD);font-weight:700;
  font-size:16px;border-radius:11px;padding:14px 24px;cursor:pointer;border:2px solid transparent;
  transition:transform .14s,box-shadow .14s,background .14s;white-space:nowrap}
.atp .btn svg{width:19px;height:19px}
.atp .btn-primary{background:linear-gradient(180deg,#14b8cf,var(--cyan));color:#fff;
  box-shadow:0 8px 20px rgba(15,166,189,.35)}
.atp .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,166,189,.45)}
.atp .btn-ghost{background:#fff;color:var(--navy);border-color:var(--line)}
.atp .btn-ghost:hover{border-color:var(--cyan);color:var(--cyan-d);transform:translateY(-2px)}
.atp .btn-light{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.4)}
.atp .btn-light:hover{background:rgba(255,255,255,.24);transform:translateY(-2px)}
/* ---------- HERO ---------- */
.atp .hero{background:transparent;border-bottom:1px solid rgba(255,255,255,.12)}
.atp .hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;
  padding:58px 0 64px}
.atp .hero h1{font-weight:800;font-size:clamp(30px,4vw,46px);color:#fff}
.atp .hero h1 .hl{color:#7fe3f0}
.atp .hero .lead{margin:18px 0 0;color:rgba(255,255,255,.9)}
.atp .hero .lead b{color:#fff}
.atp .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.atp .assure{display:flex;align-items:center;gap:10px;margin-top:22px;color:rgba(255,255,255,.85);font-size:14.5px}
.atp .assure b{color:#fff}
.atp .assure svg{width:20px;height:20px;flex:0 0 auto}
.atp .badges{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}
.atp .badges b{color:#fff;font-family:var(--fontD)}
.atp .badges span{display:block;color:rgba(255,255,255,.65);font-size:13px}
/* ---------- MOCKUP ANALYSEUR (hero) ---------- */
.atp .mock{background:#fff;border:1px solid var(--line);border-radius:18px;
  box-shadow:0 24px 60px rgba(12,26,61,.16);overflow:hidden}
.atp .mock-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#0c1a3d}
.atp .mock-bar i{width:11px;height:11px;border-radius:50%;background:#44557a;display:block}
.atp .mock-bar i:nth-child(1){background:#ff6058}.atp .mock-bar i:nth-child(2){background:#ffbd2e}
.atp .mock-bar i:nth-child(3){background:#28c940}
.atp .mock-bar span{margin-left:8px;color:#9fb3c9;font-size:12.5px;font-family:var(--fontB)}
.atp .mock-body{padding:22px}
.atp .drop{border:2px dashed #bcd4e6;border-radius:12px;background:#f6fafd;padding:20px;
  display:flex;align-items:center;gap:16px}
.atp .drop .code{flex:0 0 auto}
.atp .drop .code svg{display:block}
.atp .drop .dt b{font-family:var(--fontD);color:var(--navy);font-size:15px}
.atp .drop .dt p{margin:3px 0 0;color:var(--muted);font-size:13px}
.atp .verdict{display:flex;align-items:center;gap:9px;margin-top:16px;background:var(--green-l);
  border:1px solid #bfe9d2;border-radius:10px;padding:11px 14px}
.atp .verdict svg{width:22px;height:22px;flex:0 0 auto}
.atp .verdict b{font-family:var(--fontD);color:var(--green);font-size:15px}
.atp .verdict span{color:#3c6b53;font-size:13px}
.atp .rows{margin-top:14px;display:flex;flex-direction:column;gap:7px}
.atp .r{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:13.5px}
.atp .r .l{color:var(--ink)}
.atp .r .ok{font-family:var(--fontD);font-weight:700;color:#fff;background:var(--green-b);
  font-size:11px;letter-spacing:.5px;padding:3px 9px;border-radius:5px}
.atp .r .val{color:var(--muted);font-variant-numeric:tabular-nums}
/* ---------- SECTIONS ---------- */
.atp section{padding:62px 0}
.atp .sec-head{text-align:center;max-width:720px;margin:0 auto 42px}
.atp .sec-head h2{font-weight:800;font-size:clamp(25px,3vw,34px);color:#fff}
.atp .sec-head p{color:rgba(255,255,255,.85);font-size:17px;margin:14px 0 0}
/* fond unique en dégradé : les sections sont transparentes, les cartes restent blanches */
.atp .soft,.atp .band,.atp .band-blue,.atp .band-teal,.atp .band-green{background:transparent;color:#fff}
/* les cartes blanches gardent un texte foncé (sinon héritage du blanc de section) */
.atp .pain,.atp .feat,.atp .step,.atp .plan,.atp .wcard,.atp .mock,.atp .rep,.atp .spotlight{color:var(--ink)}
/* bénéfices / coût */
.atp .pains{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.atp .pain{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;
  box-shadow:0 2px 10px rgba(12,26,61,.04)}
.atp .pain .ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;
  background:#fff4ec;margin-bottom:16px}
.atp .pain .ic svg{width:26px;height:26px}
.atp .pain h3{font-size:18px;font-weight:700;margin-bottom:8px}
.atp .pain p{color:var(--muted);font-size:14.5px;margin:0}
/* contrôles (grille) */
.atp .feats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.atp .feat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
.atp .feat .ic{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;
  background:var(--cyan-l);margin-bottom:14px}
.atp .feat .ic svg{width:23px;height:23px;stroke:var(--cyan-d)}
.atp .feat h3{font-size:15.5px;font-weight:700;margin-bottom:6px}
.atp .feat p{color:var(--muted);font-size:13.5px;margin:0}
/* étapes */
.atp .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:st}
.atp .step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 26px 26px}
.atp .step::before{counter-increment:st;content:counter(st);position:absolute;top:-18px;left:26px;
  width:40px;height:40px;border-radius:11px;background:linear-gradient(180deg,#14b8cf,var(--cyan));
  color:#fff;font-family:var(--fontD);font-weight:800;font-size:19px;display:grid;place-items:center;
  box-shadow:0 6px 16px rgba(15,166,189,.35)}
.atp .step h3{font-size:18px;font-weight:700;margin:10px 0 8px}
.atp .step p{color:var(--muted);font-size:14.5px;margin:0}
/* versions / pricing */
.atp .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.atp .plan{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:16px;padding:28px;position:relative}
.atp .plan.feature{border:2px solid var(--cyan);box-shadow:0 18px 40px rgba(15,166,189,.18)}
.atp .plan .tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:linear-gradient(180deg,#14b8cf,var(--cyan));color:#fff;font-family:var(--fontD);
  font-weight:700;font-size:12px;letter-spacing:.5px;padding:5px 14px;border-radius:20px;white-space:nowrap}
.atp .plan h3{font-size:21px;font-weight:800}
.atp .plan .price{font-family:var(--fontD);font-weight:800;color:var(--navy);font-size:30px;margin:10px 0 2px}
.atp .plan .price small{font-size:14px;color:var(--muted);font-weight:600}
.atp .plan .ptxt{color:var(--muted);font-size:14px;min-height:42px}
.atp .plan ul{list-style:none;margin:18px 0 22px;padding:0;display:flex;flex-direction:column;gap:11px}
.atp .plan li{display:flex;gap:10px;font-size:14px;align-items:flex-start}
.atp .plan li svg{width:18px;height:18px;flex:0 0 auto;margin-top:2px}
.atp .plan .btn{width:100%;justify-content:center;margin-top:auto}
/* pour qui */
.atp .who{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.atp .wcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;text-align:center}
.atp .wcard .ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  background:var(--soft2);margin:0 auto 14px}
.atp .wcard .ic svg{width:27px;height:27px;stroke:var(--navy)}
.atp .wcard h3{font-size:16px;font-weight:700;margin-bottom:6px}
.atp .wcard p{color:var(--muted);font-size:13.5px;margin:0}
/* bande CTA finale */
.atp .final{background:
    radial-gradient(700px 300px at 15% 20%,rgba(15,166,189,.25),transparent 60%),
    linear-gradient(180deg,var(--navy),var(--navy2));
  border-radius:20px;padding:50px;text-align:center;color:#fff;margin:0 auto}
.atp .final h2{color:#fff;font-weight:800;font-size:clamp(24px,3vw,32px)}
.atp .final p{color:#c4d3e6;font-size:17px;margin:14px auto 26px;max-width:56ch}
.atp .final .cta-row{justify-content:center}
.atp .final .assure{justify-content:center;color:#9fb3c9;border:0}
.atp .list-ck{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.atp .list-ck li{display:flex;gap:10px;font-size:14.5px;align-items:flex-start}
.atp .list-ck li svg{width:19px;height:19px;flex:0 0 auto;margin-top:2px}
/* spotlight PRESSE */
.atp .spotlight{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;
  background:linear-gradient(135deg,#eef9fb 0%,#eef4ff 100%);
  border:1px solid #d7eaf0;border-radius:20px;padding:42px}
.atp .sp-tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--fontD);font-weight:700;
  letter-spacing:.8px;text-transform:uppercase;font-size:12px;color:#fff;
  background:linear-gradient(180deg,#14b8cf,var(--cyan));padding:6px 13px;border-radius:20px;margin-bottom:16px}
.atp .sp-tag svg{width:15px;height:15px}
.atp .spotlight h2{font-size:clamp(22px,2.5vw,30px);font-weight:800;margin-bottom:12px}
.atp .sp-left>p{color:var(--muted);font-size:16px;margin:0 0 20px;max-width:46ch}
.atp .press-line{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;color:var(--navy);
  background:#fff;border:1px dashed #bcd4e6;border-radius:8px;padding:9px 12px;margin-bottom:12px;letter-spacing:.3px}
.atp .press-line b{color:var(--red)}
/* rapport mockup (section exemples) */
.atp .report-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.atp .report-grid h2{color:#fff}
.atp .report-grid .lead{color:rgba(255,255,255,.9)}
.atp .report-grid .list-ck li{color:rgba(255,255,255,.92)}
.atp .rep{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  box-shadow:0 18px 44px rgba(12,26,61,.14)}
.atp .rep-top{background:var(--navy);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}
.atp .rep-top b{font-family:var(--fontD);font-size:15px}
.atp .rep-top .g{background:var(--green-b);font-family:var(--fontD);font-weight:700;font-size:12px;
  padding:4px 10px;border-radius:6px}
.atp .rep-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.atp .rep-stats div{background:#fff;padding:14px 10px;text-align:center}
.atp .rep-stats b{display:block;font-family:var(--fontD);font-size:22px;color:var(--navy)}
.atp .rep-stats span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.atp .rep-body{padding:16px 20px 20px}
.atp .disclaimer{text-align:center;color:rgba(255,255,255,.72);font-size:13px;line-height:1.5;
  padding:26px 0 8px;max-width:760px;margin:0 auto;border-top:1px solid rgba(255,255,255,.18)}
.atp .disclaimer svg{width:15px;height:15px;vertical-align:-2px;margin-right:5px;stroke:#8fe3ef}
@media(max-width:900px){
  .atp .hero-in{grid-template-columns:1fr;gap:34px;padding:40px 0 46px}
  .atp .pains,.atp .feats,.atp .steps,.atp .plans,.atp .who,.atp .report-grid,.atp .spotlight{grid-template-columns:1fr}
  .atp .spotlight{padding:30px 22px}
  .atp .feats{grid-template-columns:1fr 1fr}
  .atp .who{grid-template-columns:1fr 1fr}
  .atp .list-ck{grid-template-columns:1fr}
  .atp .final{padding:36px 22px}
}
@media(max-width:520px){
  .atp .feats,.atp .who{grid-template-columns:1fr}
  .atp .rep-stats{grid-template-columns:repeat(2,1fr)}
}
.tca-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.tca-wrap *{box-sizing:border-box}
.tca-box{--accent:#2bd4e6;width:236px;min-height:60px;border-radius:11px;display:flex;align-items:center;gap:11px;padding:0 12px;text-decoration:none;color:#eaf2f8;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 42%),linear-gradient(180deg,#17293b,#0c1726);border:1px solid #2b4258;border-top-color:#3f5f7d;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 0 1px rgba(0,0,0,.25),0 3px 7px rgba(0,0,0,.55);transition:transform .14s,box-shadow .14s,border-color .14s}
.tca-box::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),transparent);opacity:.9}
.tca-box:hover{transform:translateY(-2px);border-top-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 7px 18px rgba(0,0,0,.6)}
.tca-ico{flex:0 0 auto;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#1a2d41,#0c1726);border:1px solid #2c445c}
.tca-ico svg{width:25px;height:25px;display:block}
.tca-txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.tca-t1{font-family:"Barlow Semi Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;letter-spacing:.1px;font-size:15px;line-height:1.1;white-space:nowrap;color:#f2f8fc}
.tca-t1 b{color:var(--accent)}
.tca-t2{font-size:12.5px;color:#9fb3c4;white-space:nowrap}
.tca-free{color:#39d98a;font-weight:700}
.tca-box.blog{--accent:#f4b63a}.tca-box.ftp{--accent:#7aa2ff}
.tca-ico .s{stroke:var(--accent)}.tca-ico .f{fill:var(--accent)}
.tca-soc{display:flex;gap:12px}
.tca-soc a{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;box-shadow:0 2px 5px rgba(0,0,0,.4);transition:transform .14s}
.tca-soc a:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.5)}
.tca-soc svg{width:28px;height:28px;shape-rendering:geometricPrecision}
.tca-soc .fb{background:#1877f2}
.tca-soc .li{background:#0a66c2}
.tca-soc .yt{background:#ff0000}