/* ***************** *******************************************************************
 * WordPress Theme  | LSE Theme Etendu - 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 */


.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;
}





/**
 * ***************** *******************************************************************
 * Icons & pictograms.
 *
 */
.fa {
	color: inherit;
}








/**
 * ***************** *******************************************************************
 * Widget SidePanel component style declaration.
 *
 * <LanteasThemeEtendu_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 */
	position: absolute; left: 0; top: 0; bottom: 0; z-index: 65530; 
	transform: translateX( calc(-100% + 2rem) ); -webkit-transform: translateX( calc(-100% + 40px) );
	-webkit-transition: transform 0.15s cubic-bezier(0.32, 0.93, 0.79, 0.99); -moz-transition: transform 0.15s cubic-bezier(0.32, 0.93, 0.79, 0.99); -o-transition: transform 0.15s cubic-bezier(0.32, 0.93, 0.79, 0.99); transition: transform 0.15s cubic-bezier(0.32, 0.93, 0.79, 0.99);
	transition-delay: 125ms;
	background-color: #ffffff00;
}
.side-panel.expanded {
	transform: translateX( 0 ); -webkit-transform: translateX( 0 );
	-webkit-transition: transform 0.2s cubic-bezier(0, 1.08, 0.74, 0.99); -moz-transition: transform 0.2s cubic-bezier(0, 1.08, 0.74, 0.99); -o-transition: transform 0.2s cubic-bezier(0, 1.08, 0.74, 0.99); transition: transform 0.2s cubic-bezier(0, 1.08, 0.74, 0.99);
	transition-delay: 200ms;
	backdrop-filter: blur(3px);
	box-shadow: 0px 0px 2px 0px #6a747e;
}

/* Js driven */
.side-panel.no-delay { transition-delay: 60ms; }

/* 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;
}

/* special flex mode rotation */
[role="dossier-workflow"].workflow-flex-rotation {
	margin-top: calc( 1.5rem * 8 );
}


.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: block;
	font-weight: bold;
	width: auto;
	text-align: center;
	overflow: visible;
	white-space: nowrap;
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: left;
	transform: translateY(-5.25em) translateX( 0px );
	padding: 0.25rem 1rem;


    color: var( --alternate_color_color );
	background-color: var( --alternate_color_bg2 );

	line-height: 2rem;
	margin: 0;
	border-radius: 1rem;
	border-bottom-left-radius: 0;
	font-size: 0.75rem;
	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-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 */