/* ***************** *******************************************************************
 * 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 .container {padding: 0px 50px; }
 .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%;
}


 .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;
     margin: 0 auto;
   }
 
     
     .template-page .entry-content-wrapper h1, 
     .template-page .entry-content-wrapper h2,
     .page_titre {
       letter-spacing: 1px;
       margin-top: 7px !important;
       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) {
 /* Target container .sidebar-side-panel here ! */
   .responsive #top.sidebar-side-panel  #wrap_all .container {
     width: 100%;
     max-width: 100%;
     margin: 0 auto;
     padding-left: 50px;
     padding-right: 50px;
     float: none;
   }
   
   
   /*#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 30px; } /* 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 */
 .side-panel { width: 100%; max-width: 320px; /* mode side pane */
   background-color: #ffffff00;
   position: absolute; left: 0; top: 0; bottom: 0; z-index: 65530; 

   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(-100% + 40px) );
      -moz-transform: translateX( calc(-100% + 40px) );
        -o-transform: translateX( calc(-100% + 40px) );
           transform: translateX( calc(-100% + 40px) ); 

 }
 .side-panel.expanded {
   backdrop-filter: blur(3px);
   box-shadow: 0px 0px 2px 0px #6a747e;
   position: absolute; left: 0; top: 0; bottom: 0; z-index: 65530; 

   transition-delay: 200ms;
   -webkit-transition: all  0.2s cubic-bezier(0, 1.08, 0.74, 0.99); 
      -moz-transition: all  0.2s cubic-bezier(0, 1.08, 0.74, 0.99); 
        -o-transition: all  0.2s cubic-bezier(0, 1.08, 0.74, 0.99); 
           transition: all  0.2s cubic-bezier(0, 1.08, 0.74, 0.99);

   -webkit-transform: translateX( 0 );
      -moz-transform: translateX( 0 );
        -o-transform: translateX( 0 );
           transform: translateX( 0 );
   
 }
 
.slow-side-panel  .side-panel {
   transition-delay: unset;
   -webkit-transition: transform 0.65s cubic-bezier(.55,.09,.68,.53); 
      -moz-transition: transform 0.65s cubic-bezier(.55,.09,.68,.53); 
        -o-transition: transform 0.65s cubic-bezier(.55,.09,.68,.53); 
           transition: transform 0.65s cubic-bezier(.55,.09,.68,.53);
}
.slow-side-panel  .side-panel.expanded {
   transition-delay: unset;
   -webkit-transition: transform 0.65s cubic-bezier(.55,.09,.68,.53);
      -moz-transition: transform 0.65s cubic-bezier(.55,.09,.68,.53);
        -o-transition: transform 0.65s cubic-bezier(.55,.09,.68,.53);
           transition: transform 0.65s cubic-bezier(.55,.09,.68,.53);
}

 /* Js driven */
 .side-panel.no-delay { transition-delay: unset; }
 
 /* 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 */
 .side-panel-container { width: calc( 100% - 40px ); 
 /*	padding: 0 50px; */
   padding: 0 20px; /* mode side pane */
   overflow-y: scroll; overflow-x: hidden; background-color: rgb(255, 255, 255, 86);  padding-bottom: 2rem; }
 
 /* SidePanel Handle control */
 .side-panel-handle {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   transform: translateX(0%);
   width: 40px;
 
   display: -webkit-box!important;
   display: -ms-flexbox!important;
   display: flex!important;
 
   -webkit-box-align: center!important;
   -ms-flex-align: center!important;
   align-items: center!important;
 
   -ms-flex-item-align: center!important;
   align-self: center!important;
   -ms-flex-pack: distribute!important;
   justify-content: space-around!important;
 
   background-color: #e8e8e8;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: inherit;
 }
 .side-panel-handle:hover, .side-panel-handle:focus{
   -webkit-transition: background-color 0.15s ease-in; -moz-transition: background-color 0.15s ease-in; -o-transition: background-color 0.15s ease-in; transition: background-color 0.15s ease-in;
   background-color: #d0d0d0;
   border-right: solid 1px #d0d0d0;
  }
 .side-panel.expanded .side-panel-handle{
   background-color: #e8e8e8;
   border-right: solid 1px #d0d0d0;	
 }
 
 .side-panel-handle .fa { cursor: pointer; position: absolute; top: 15px; color: #7e7e7e; left: 7px; }
 .side-panel-handle:hover .fa, .side-panel-handle:focus .fa{ color: var(--picto-color-hover); cursor: pointer; }
 
 .side-panel .side-panel-handle i.fa {
     -webkit-transition: transform 0.20s ease-in-out;
     -moz-transition: transform 0.20s ease-in-out;
     -o-transition: transform 0.20s ease-in-out;
     transition: transform 0.20s ease-in-out;
 }
 .side-panel.expanded .side-panel-handle i.fa {
     transform: rotate(-180deg);
 }
 
 /* SidePanel scrollabel content */ 
 .side-panel .side-panel-container::-webkit-scrollbar { width: 10px; height: 10px; }
 .side-panel .side-panel-container::-webkit-scrollbar-thumb { box-shadow: none; -webkit-box-shadow: none; border-radius: 0; background: #d0d0d0; }
 .side-panel .side-panel-container::-webkit-scrollbar-track { box-shadow: none; -webkit-box-shadow: none; border-radius: 0; background: #f8f8f8; }
 .side-panel .side-panel-container{ scrollbar-width: thin; }
 
 /* Sepial Recustom for the Side Pane mode : 320px (no fullsize) */
 
 
 
 /* <a[.tile.menu_affichage_tile.d-flex.align-items-center]> */
 
 .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;
 }
 
 
 
 
 /**
  * ***************** *******************************************************************
  * Breadcrumb override.
  *
  */
 .title_container .breadcrumb {
    right: unset !important;
    margin-top: -7px;
    left: 40px;
 }
 
 
 
 
 /**
  * ***************** *******************************************************************
  * 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 form{
   position: relative;
   border: solid 1px #7e7e7e40;
   border-radius: 5px;
   margin: 2rem;
   padding: 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 */