/* ***************** *******************************************************************
 * WordPress Theme  | LanteasOpenSoclePremiumThemeChild - Lanteas.
 * ***************** *******************************************************************
 */



/**
 * ***************** *******************************************************************
 * ***************** *******************************************************************
 * Global container left-right fitting and properly adjustment.
 *
 */

 html{ overflow-y: scroll; }
 .html_stretched{ overflow-y: scroll; scrollbar-color: var(--footer-area-color) #f8f8f8; scrollbar-width: thin; }
 html::-webkit-scrollbar{ width: 10px; height: 10px; }
 
 html::-webkit-scrollbar-track,
 .scroller::-webkit-scrollbar-track,
 .scroller::-webkit-scrollbar-track-piece { box-shadow: none; -webkit-box-shadow: none; border-radius: 0; background: #f8f8f8; }
 
 html::-webkit-scrollbar-thumb,
 .html_stretched::-webkit-scrollbar-thumb { box-shadow: none; -webkit-box-shadow: none; border-radius: 0; background: var(--footer-area-color); }
 


 html.no-scroll{
  overflow-y: hidden;
 }

 
  /* Recadrage des .container globalement */ 
  html .container { padding: 0px 50px; }


  html .container_wrap.fullsize .container { padding: 0px 0px; } /* Content général (section color | main_color) */

 .responsive .container { max-width: 100%; }

 #main .main_color.fullsize { padding: 0; }
 /*#main .main_color.fullsize:not(.avia-layerslider) { padding: 0 50px; } /* For Native Packaged of Premium LayerSlider */
 /* #main .main_color.fullsize:not(.avia-fullwidth-slider) { padding: 0 50px; } /* For Default fullwidth Easy Slider */
 
/* A small tricks to force 100% width before all the page was completely loaded - Left sidebar is smallest and no agressive replacement SidePanel arrives. */
.container .av-content-full.units {
  width:100%;
}
.container .av-content-small.units{
  width:100%;
}

  /**/

  html #main .title_container .container {
    display: flex;
    align-items: center;

    max-width: calc(100% - (var(--horizontal_offset_padding)*2) );
    margin: 0 auto;
    padding-left: 0;
  }


 .content {
   border-right-style: none;
   border-right-width: 0px;
   margin-right: 0;
 }
 
   .content .entry-content-wrapper{
      padding-left: 0;
      padding-right: 0;
    /*max-width: 1440px; /**/
    max-width: calc(100% - (var(--horizontal_offset_padding)*2) ); /* 2024 */
      margin: 0 auto;
   }
 
     
     #top.template-page .entry-content-wrapper h1, 
     #top.template-page .entry-content-wrapper h2,
     #top .page_titre, 
     #top .page_titre h1 {
       letter-spacing: 1px;
       margin-top: 7px;
       float: unset;
       text-align: left;
       margin-left: 0rem;
       margin-right: 0rem;
       text-transform: inherit;
     }
 

 /* The « sidebar-side-panel » classe selector has been added at runonce when SidePanel component is used, so we can target ir properly */
 @media only screen and (max-width: 767px) {

  #top .content .entry-content-wrapper{
    width: 100%;
    max-width: 100%; /* 2024 */
    padding: 0 1em;
 }

 /* Target container .sidebar-side-panel here ! */
   .responsive #top.sidebar-side-panel  #wrap_all .container {
     width: 100%;
     max-width: 100%;
     margin: 0 auto;
     padding-left: 0;
     padding-right: 0;
     float: none;
   }


   .responsive #top #wrap_all #header_main .av-logo-container{
     margin: 0 auto;
     padding-left: 30px;
     padding-right: 30px;
   }

   .responsive #top  #wrap_all .title_container .container{
      margin: 0 auto;
      padding-left: var(--horizontal_offset_padding);
      padding-right: var(--horizontal_offset_padding);
      padding-top: 2px;
      padding-bottom: 2px;
     }
   

   /*#main .main_color.fullsize:not(.avia-layerslider) { padding: 0 30px; } /* For Native Packaged of Premium LayerSlider */
   #main .main_color.fullsize:not(.avia-fullwidth-slider) { padding: 0; } /* For Default fullwidth Easy Slider */
 
 
   .page_titre {
     float: unset;
     text-align: left;
     margin-left: 0.5rem;
     margin-right: 0.5rem;
   }    
 }
 
 @media only screen and (max-width: 1023px) {
   .avia-table {
     table-layout: fixed !important;
   }
 }
 
 
 
 /**
  * ***************** *******************************************************************
  * Grilles et tableaux de données.
  *
  */
 .avia-data-table td {
   vertical-align: middle;
   padding: .5rem 1rem;
   cursor: default;
 }
 
 
  
 @media only screen and (max-width: 991px) {
   .avia-data-table th, .avia-data-table td {
     padding: .25rem 0.5rem;
   }
 }

 
 @media only screen and (max-width: 767px) {
   .avia-data-table th, .avia-data-table td {
     padding: .125rem 0.25rem;
   }
 }


 
 
 
 /**
  * ***************** *******************************************************************
  * Icons & pictograms.
  *
  */
 .fa {
   color: inherit;
 }
 
 
 
 
 
 
 
 
 /**
  * ***************** *******************************************************************
  * Widget SidePanel component style declaration.
  *
  * <LanteasOpenSoclePremiumThemeChild_Widget_SidePanel>
  */
 
 /* Just give smooth sizing to be save viewing */
 html #main .main_color .container {
     -webkit-transition: height 0.33s ease-in-out;
     -moz-transition: height 0.33s ease-in-out;
     -o-transition: height 0.33s ease-in-out;
     transition: height 0.33s ease-in-out;
 }
 
   main[role="main"].main-no-sidebar{}
 
     .empty-side-panel{ display:none; }
 
 
 /* SidePane rendering aspect TODO Reviex centering / Align V3 */
 .side-panel {
    position: fixed;
    width: 100%;
    z-index: 10;
    background: var(--main_color_bg2);
    top: 150px;
    height: auto;
    display: flex;
    justify-content: center;
    bottom: 0;

   transition-delay: 125ms;
   -webkit-transition: all 0.15s cubic-bezier(0.32, 0.93, 0.79, 0.99);
      -moz-transition: all 0.15s cubic-bezier(0.32, 0.93, 0.79, 0.99); 
        -o-transition: all 0.15s cubic-bezier(0.32, 0.93, 0.79, 0.99); 
           transition: all 0.15s cubic-bezier(0.32, 0.93, 0.79, 0.99);

   -webkit-transform: translateX( calc(0) );
      -moz-transform: translateX( calc(0) );
        -o-transform: translateX( calc(0) );
           transform: translateX( calc(0) ); 

  }
  @media only screen and (max-width: 990px) {
    .side-panel {
      top: 130px;
    }
  }



 /* A D-Flex Bootstrap extend 4.5 */
 .d-flex-stretch {
   display: -webkit-box!important;
   display: -ms-flexbox!important;
   display: flex!important;
   -webkit-box-align: stretch!important;
   -ms-flex-align: stretch!important;
   align-items: stretch!important;
 }
 
 .d-none {
     display: none!important;
 }
 @media (min-width: 576px){
   .d-sm-none {
       display: none!important;
   }
   .d-sm-block {
       display: inline-block!important;
   }
 }
 @media (min-width: 768px){
   .d-md-none {
       display: none!important;
   }
   .d-md-block {
       display: inline-block!important;
   }
 }
 @media (min-width: 992px){
   .d-lg-none {
       display: none!important;
   }
   .d-lg-block {
       display: inline-block!important;
   }
 }
 
 



 /* A responsive override for boxes -and their contents- in an intermediate range width (before Enfold wrap below @768) */
 @media only screen and (max-width: 1152px) and (min-width: 768px)  {
     div .av_two_fifth {
       margin-left: 0%;
       width: 42.4%;
     }
     .main_color.iconbox_top .iconbox_content{
         padding: 2rem 1rem !important;
         margin: 2rem 1rem !important;
     }
     html #main .main_color.fullsize .container {
       padding: 0px 0!important;
     }
   
 
   #top .no_margin.av_one_fourth{
     width: 40%;
   }
   #top .no_margin.av_one_fourth .avia-icon-list .iconlist_icon{
     float: none;
     margin-bottom: 10px;
   }
 }
 


 
 
 /* the SidePanel container to embed scrollable content - TODO Review V3 */
.side-panel-container {
  width: calc( 100% );
  max-width: 800px;
  padding: 0 2em;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: rgb(255, 255, 255, 86);
  margin-top: 56px;
}


 
 
 
 .side-panel .sisi { margin-bottom: 30px; }
 .side-panel .sisi:nth-last-of-type(n) { margin-bottom: 0; }
 
     .side-panel .tile {
         border-top-style: solid;
         border-top-color: inherit !important;
         border-top-width: 1px;
         border-left-style: solid;
         border-left-color: var(--data-ctx-color ,#6A747E) !important;
         border-left-width: 0.5em;
     }
     .side-panel .sisi .tile.menu_affichage_tile {
         width: 100%;
         max-width: 300px;
         height: auto;
         margin: 5px 0px 10px 0px !important;
         
         display: inline-flex;
 
     -webkit-align-items: center; 
     -ms-flex-item-align: center;
     align-items: center;
 
     }
     .side-panel .sisi .tile i.icone_service_menu {
         margin: 0.5rem;
         height: 30px;
         width: 50px;
         display: inline-block;
     }
     .side-panel .sisi .tile i.icone_service_menu.fa.fa-4x {
         font-size: 2em;
     }
     .side-panel .sisi .tile .name_service_menu, 
     .side-panel .sisi .tile .name_profil_menu {
         display: inline-flex;
         width: auto;
         padding: 0;
         max-width: calc(100% - 65px);
         margin-left: 0;
         text-align: left;
         line-height: 1;
         font-size: 14px !important;
     }
 
 
 

 /**
  * ***************** *******************************************************************
  * Form beautyfier declaration.
  *
  */
 
 [role="dossier-workflow"] {
   height: 100px;
   margin: 16px 0;
   padding: 0 0.5rem;
   margin: 10px 20px !important;
 }
 
 /* special flex mode rotation */
 [role="dossier-workflow"].workflow-flex-rotation {
   margin-top: calc( 1.5rem * 8 );
 }

 #top [role="dossier-workflow"] .step-label label {
  width: max-content;
  max-width: 7.66rem;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  line-height: 1.33rem;
 }
 
 
 .step-circle {
   width: 2rem;
   height: 2rem;
   border-radius: 2rem;
   background-color: rgba(0,0,0,0.1);
   padding: 1.1px rem!important;
   position: relative;
   font-size: 1.2em;
   color: #f8f8f8;
   box-shadow: 0px 0 5px 2px rgba(130,130,130,0.74);
   margin: -2px
 }
 
 .step-circle::before {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%)
 }
 
 .step-circle.step-start {
   border-top-left-radius: 0!important;
   border-bottom-left-radius: 0!important;
   width: 5rem!important
 }
 
 .step-circle.step-start::before {
   transform: translateX( -2px ) translateY(-50%)
 }
 
 .step-circle.step-end {
   border-top-right-radius: 0!important;
   border-bottom-right-radius: 0!important;
   width: 5rem!important
 }
 
 .step-circle.current {
   width: 3rem;
   height: 3rem;
   border-radius: 3rem;
   padding: 1.5rem!important;
   color: #ffffff;
   font-size: 1.5em
 }
 
 .step-circle.success { background-color: rgb(165,232,214) }
 .step-circle.success::before { color: rgb(25,158,152) }
 .step-circle.failed { background-color: rgb(240,131,119) }
 .step-circle.failed::before { color: rgb(144,37,25) }
 .step-circle.premature { box-shadow: 0px 0 6px 2px #902519 }
 .step-circle.successful { box-shadow: 0px 0 6px 2px rgb(25,158,152) }
 
 .step-circle span {
   display: none;
	 color: #003a6c;
	 font-weight: bold;
	 width: auto;
	 text-align: center;
	 overflow: visible;
	 white-space: nowrap;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform-origin: center;
	 transform: translateY(3rem) translateX(-50%);
	 padding: 0.25rem 1rem;
	 background-color: rgba(53, 179, 197, 0.08);
	 line-height: 2.5rem;
	 margin: 0;
	 border-radius: 1rem;
	 font-size: 1.25rem;
	 font-family: "Lato", Lato, Arial, sans-serif;
 }
 
 .step-circle.current span {
   transform: translateY(-6em) translateX( 0px );
 }
 .step-circle.current.flex-rotation span {
   transform: translateY(-5.5em) translateX( calc( 0% - 12px ) ) rotate(-42deg);
 }
 .step-circle.flex-rotation span {
   transform: translateY(-5em) translateX( -15px ) rotate(-42deg);
 }
 
 
 .step-label {
  position: static;
 }

 .step-label label {
  position: absolute;
  transform: translate(-36%, -150%);
  background-color: rgba(185, 217, 238, 0.3);
  margin: 0;
  cursor: default;
  color: #003a6c;
  font-weight: bold;
  padding: 0.25rem 1rem;
  line-height: 2rem;
  border-radius: 1rem;
 }

 .step-label > label > i {
  position: relative !important;
  display: inline !important;
 }

 .step-label .label-current {
  position: absolute;
  transform: translate(-19%, -150%);
  background-color: rgba(185, 217, 238, 0.3);
  margin: 0;
  cursor: default;
  color: #003a6c;
  font-weight: bold;
  padding: 0.25rem 1rem;
  line-height: 2rem;
  border-radius: 1rem;
 }
 
 
 .step-phase {
   background-color: rgba(0,0,0,0.05);
   padding: 0.25rem 0.5rem!important;
   text-align: center;
   line-height: 0;
   margin: 0 1px;
   cursor: default
 }
 
 .step-phase label {
   display : none;
   transform: translateY(-3rem);
   background-color: rgba(185,217,238,0.30);
   margin: 0;
   cursor: default;
   color: #003a6c;
   font-weight: bold;
   padding: 0.25rem 1rem;
   line-height: 2rem;
   border-radius: 1rem;
 }
 
 .circle_futur { background-color: rgba(0,0,0,0.1); }
 .phase_futur { background-color: rgba(0,0,0,0.05); }
 .circle_passe { 
   background-color: var( --step-active-color ); /* aka var( --alternate_color_color ) */
     filter: brightness(1.2);
     opacity: 0.8;
 }
 .phase_passe { 
   background-color: var( --step-active-color ); /* aka var( --alternate_color_color ) */
     filter: brightness(1.7);
     opacity: 0.7;
 }
 
 
 
 .step-suite {
   background-color: inherit !important;
   border-bottom: 2px dashed rgba(0,0,0,0.05);
   border-top: 2px dashed rgba(0,0,0,0.05);
   height: calc(1rem - 4px);
   padding: 0.25rem 0.5rem!important;
   text-align: center;
   line-height: 0;
   margin: 0 1px;
   cursor: default;
 }
 
 .step-suite label {
   transform: translateY(-3rem);
   background-color: rgba(185,217,238,0.30);
   margin: 0;
   cursor: default;
   color: #003a6c;
   font-weight: bold;
   padding: 0.25rem 1rem;
   line-height: 2rem;
   border-radius: 1rem
 }
 
 .step-suite.phase_futur label{
   display : none;
 }
 
 
 @media screen and (max-width: 1024px) {
   .step-phase label,.step-suite label {
     font-weight:normal
   }
 
 }
 
 @media screen and (max-width: 960px) {
   .step-phase label ,.step-suite label {
     font-weight:normal;
     padding: 0.25rem 0.5rem;
     line-height: 1.5rem;
     transform: translateY(-2.5rem);
     font-size: 90%;
     border-radius: 5px
   }
 }
 
 @media screen and (max-width: 750px) {
   .step-phase,.step-suite {
     overflow: visible;
     position: relative
   }
 
   .step-phase label ,.step-suite label {
     font-size: 80%;
     transform: translateY(-5rem)
   }
 }
 
 @media screen and (max-width: 600px) {
   .step-phase:before,.step-suite:before {
     content:attr(data-step-name) " ";
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%) translateY( calc(-100% - 9px) );
     line-height: 1rem;
     display: block;
     width: auto;
     color: #777777;
     height: auto;
     font-size: 80%;
     background-color: rgba(185,217,238,0.30);
     padding: 0.25rem
   }
 
   .step-phase:after,.step-suite:after {
     content: "";
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%) translateY( calc(-100% - 2px) );
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 7px 5px 0 5px;
     border-color: rgba(185,217,238,0.30) transparent transparent transparent
   }
 
   .step-phase label,.step-suite label {
     font-size: 1%;
     display: none;
     transform: translateY(-5rem)
   }
 }
 
 @media screen and (max-width: 480px) {
   .step-phase:before,.step-suite:before {
     left:0%;
     transform: translateX(-100%) translateY( calc(-100% - 9px - 10px) )
   }
 
   .step-phase:after,.step-suite:after {
     left: 0%;
     transform: translateX(-100%) translateY( calc(-100% - 2px - 10px) )
   }
 
   .step-circle.current + .step-phase:before ,.step-suite:before {
     transform: translateX(-100%) translateY( calc(-100% - 9px - 20px) )
   }
 
   .step-circle.current + .step-phase:after ,.step-suite:after {
     transform: translateX(-100%) translateY( calc(-100% - 2px - 20px) )
   }
 }
 
 @media screen and (max-width: 375px) {
   .step-phase label {}
   .step-suite label {}
 }
 
 
 
 
 
 /**
  * ***************** *******************************************************************
  * Global Main Menu navigation - hide undesired menu item.
  *
  */
 li.menu-item.menu-item-top-level.hidden a[rel="login"] {
     visibility: hidden;
     display: none;
 }
 
 
 
 
 



 
 
 
 /**
  * ***************** *******************************************************************
  * Form beautyfier declaration.
  *
  */
 .area-boxed,
 .main_color div .area-boxed, 
 .main_color div .iconbox_top .area-boxed.iconbox_content,
 /*.home*/  .main_color.iconbox_top .iconbox_content,
 /*(lse-custom4avia)*/ div>section.box-panel,
 
 /* global design uix boxed */.flex_column.flex_column_div.content-area-boxed        section.av_textblock_section .avia_textblock,
 
 /* form cde 4 col auth */.av_one_fourth_special_two_flex_centered.cde-area-boxed .av_one_fourth section.av_textblock_section .avia_textblock,
 
 /* tordage cde */.av_one_half_special_one_flex_onleft.cde-area-boxed .av_one_half       section.av_textblock_section .avia_textblock,
 
 /* tordage cde bis */.av_one_half_special_one_flex_onleft.cde-area-boxed.av_one_half    section.av_textblock_section .avia_textblock {
   position: relative;
   border: solid 1px #7e7e7e40;
   border-radius: 5px;
   margin: 2em 1em;
   padding: 2rem 2rem 1rem 2rem;
   box-shadow: 0 0px 5px 0 rgb(208 208 208 / 0.75);
   background-color: #ffffff66;
 }
 
 .flex_column.av_one_full .main_color.iconbox_top .iconbox_content,
 .area-boxed.no-margin-side, 
 .main_color div .area-boxed.no-margin-side,
 .no-margin-side .main_color div .iconbox_top .area-boxed.iconbox_content, 
 .no-margin-side .main_color.iconbox_top .iconbox_content,
 
 /* support sans marge pour les boites avec bordure haute  */ div>section.box-panel.no-margin-side,
 /* support sans marge pour les boites avec bordure haute  */ .no-margin-side div>section.box-panel,
 
 /* global design uix boxed (or not) */.flex_column.flex_column_div.no-margin-side        section.av_textblock_section .avia_textblock,
 
 /* tordage cde */.av_one_fourth_special_two_flex_centered.cde-area-boxed.no-margin-side .av_one_fourth section.av_textblock_section .avia_textblock,
 /* tordage cde */.av_one_half_special_one_flex_onleft.cde-area-boxed.no-margin-side .av_one_half       section.av_textblock_section .avia_textblock,
 /* tordage 2 cols */.content-area-boxed.no-margin-side.av_one_half    section.av_textblock_section .avia_textblock,
 /* tordage cde bis */.av_one_half_special_one_flex_onleft.cde-area-boxed.no-margin-side.av_one_half    section.av_textblock_section .avia_textblock form,
 .no-margin-side{
   margin-left: 0;
   margin-right: 0;
 }
 /*(lse-custom4avia)*/ div>section.box-panel{ padding:0; }
 
 
 /* Permet d'avoir un modèle de boite de type « .content-area boxed » sans l'ombre ni bodure ! */
 .flex_column.flex_column_div.no-shadow section.av_textblock_section .avia_textblock {
     box-shadow: none !important;
     border-color: transparent !important;
     background-color: #e8e8e800 !important;
 }
 
 
 hr.form-line {
   border: solid #ddd;
   border-width: 1px 0 0;
   clear: both;
   margin: 10px 0 20px;
   height: 0;
   width: calc(100% + 0rem);
   padding: 0 2rem;
   margin-left: -2rem;
   box-shadow: 0px 1px 0 white;
 }
 
 .avia_textblock form br {
     content: "";
     margin: 2em;
     display: block;
     font-size: 60%;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 /**
  * ***************** *******************************************************************
  * Zone de code, clés et autre affichage ne numéros
  *
  */
 
 code.keycode{
   padding: 3px 5px;
     font-size: 90%;
     color: inherit;
     background-color: #e8e8e8;
     border-radius: 4px;
     line-height: 1;
     cursor: help;
 }
 .revoked{
   text-decoration: line-through;
   color: #88000080 !important;
 }
 
 
 
 
 /* Début des règles à factoriser ou réorganiser */
 
 .title_center_colonne{
   text-transform: none;
 }
 
 #top .main_color .pagination {
     padding: 0px 0px;
     margin: 0px 0px;
     display: block;
     margin-bottom: 1rem !important;
 }
 
 
 .lien_delete{
   margin : 3px;
 }
 
 /* fin des règles à factoriser ou réorganiser */