/* -------------------------------------------
	Août 2018 : sous-totaux - TVA - totaux
	--------------------------------------------*/
.foot-summary .foot-total-value {
    font-size:1.28rem;
    font-weight:600;
}
.foot-summary .price-format-decimals {
    font-size:1.6rem;
    font-weight:500;
}
.foot-summary .price-format-cents {
    font-size:1.125rem;
}
.foot-summary .sub-price-format-decimals {
    font-size:1.2rem;
    font-weight:500;
}
.foot-summary .sub-price-format-cents {
    font-size:1rem;
}
.foot-summary .label {
	font-size:1.2rem;
}
.foot-summary td.text-alert {
	color: #ff1200;
}
.foot-summary td.text-ok {
	color: green;
}
.foot-summary .row__wrapper {
	display:flex;
	align-items: center;
	justify-content: space-between;
}
/* --------------------------
  Barre de menus Home Page  
------------------------------*/
.linksHeader li {
	display: table-cell;
	text-align:center;
	min-width:62px;
	padding:4px;
}
.linksHeader a {
	text-decoration: none;
	color: white;
	border-right: 1px solid white;
	padding: 2px 10px 2px 10px;
}
/* --------------------------------------------------
	25 Juin 2023 : Home page SlideUp Manager
 ---------------------------------------------------- */
.SlideUp-manager--bottom {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999999;
	background:#fff;
	box-shadow: 0 0 5px 5px rgba(0,0,0,.25);
	transition: transform 300ms ease;
}
.SlideUp-manager--bottom.show {
	visibility:visible;
	opacity:1;
	animation: slideInFromBottom 300ms ease;
}
.SlideUp-manager--bottom.hidden {
	transform: translate3d(0,100%,0);
}
/* --------------------------------------------------
	10 Février 2017 : Actualités Home page Intranet
 ---------------------------------------------------- */
.GridNews {
	margin:0 4px; 
}
.GridNews div.ColumnLeft {
	width:65%;
	margin-right:12px;
}
.GridNews div.ColumnRight {
	width:calc(100% - 65% - 12px);
}
.GridNews p.Content {
	margin:4px 0;
	line-height: 1.3;
	text-align:justify;
}
.GridNews .ColumnContent {
	display:flex;
	flex-direction:column;
	margin-bottom:12px;
	position:relative;
	word-break: break-word;
}
.GridNews .content {
	padding:10px 10px 0px 10px;
}
.GridNews .OnAir {
	display:flex;
	align-items:flex-end;	
	color:#666;
	padding:3px 0;
	font-size:85%;
}
.GridNews .Title { 
	font-size: 1.375rem;
	text-transform: uppercase;
	line-height:1.4rem;
	color:var(--charte-uimm-logo-bleu-middle);
	font-family : 'Noah Bold';
	margin:15px 10px 0 10px;
}

.GridNews .like { 
	display: flex; 
    justify-content: flex-end;
    gap:3px;
	font-size: 1.375rem;
	text-transform: uppercase;
	line-height:1.4rem;
	color:var(--charte-uimm-logo-bleu-middle);
	font-family : 'Noah Bold';
	margin:10px 10px 0 10px;
	padding-bottom:10px;

}
.GridNews .categorie__direction {
	background-color:#bb3b80;
}
.GridNews .categorie__informatique {
	background-color: #B5BC02;
}
.GridNews .categorie__rh {
	background-color: #609BFE;
}
.GridNews .categorie__administratif {
	background-color: #FF31A0;
}
.GridNews .categorie__communication {
	background-color: #10C1E1;
}
.GridNews .categorie__pedagogie {
	background-color: #FF5733;
}
.GridNews .user__actions_item {
	padding: 0px 4px;
	border-right: 1px solid #E4E4E4;
}
.GridNews .news-shadow {
	box-shadow: rgba(31, 31, 31, 0.12) 0px 1px 6px, rgba(31, 31, 31, 0.12) 0px 1px 4px;
}
.Header__News {
	padding:6px;
	color:#fff;
	width:44%;
	margin-right:16px;
	border-bottom:1px solid #fff;
}
.Header__News::before {
	background: #fff;
	display: inline-block;
	content: '';
	border-radius: 0.375rem;
	border-radius: 0.375rem;
	height: 0.55rem;
	width: 0.55rem;
	margin-right: 0.25rem;
}
/* Index > News > Pedagogie 
   ========================================================================== */
.news-pedagogie {
	background: #F0F0F0;
  	font-size: 80%;
  	font-family: Arial;
}
.news-pedagogie .Title {
	font-size:.925rem;
	font-family: Arial;
	margin: 15px 15px 0 15px;
	font-weight:600;
}
/* 
	Index > Réservation Vehicules 
   ========================================================================== */
 .vehicule_sidemenu {
	position:fixed;
	top: calc(var(--top--primary-menu));
	bottom:0;
	left:0;
	background:white;
}
.vehicule_sidemenu--inner {
	position:absolute;
	overflow-y:scroll;
	width:380px;
	height:100%;
}
.vehicule-view {
	background-color:rgb(243, 243, 248);
	margin-left:380px;
	box-sizing: border-box
}
.vehicule-header--navweek {
	position:sticky;
	top:0;
	padding:10px 1rem 0 1rem;
	align-items:center;
	z-index:2;
	background:white;
}
.vehicule-header--week {
	position: sticky;
	top:64px;
	z-index: 1;
	background-color:rgb(243, 243, 248)
}
.vehicule_header--week-root {
	display: grid;
  	grid-template-columns: 260px repeat(var(--jour-semaine), 1fr);
  	gap: 10px;
  	padding:10px 0;
}
.vehicule-photo {
	height:100%;
	width:100%;
  	background-repeat: no-repeat; 
  	background-position: center 50%;
  	background-size: cover;
}
.vehicule_header--week-root.gridcar {
	gap: 0 10px;
}
.vehicule_header_slot:not(:last-child) {
	margin-right: 1rem;
}
.vehicule_header_slot:first-child {
	margin-left: 1rem;
}
.vehicule_header_slot {
	position:relative;
	color: #333;
	border-radius: 14px;
	overflow: hidden;
	background-color: rgb(18, 121, 150);
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 3rem;
	padding: 5px 1rem;
}
.vehicule_header_slot.current::after {
  background-color: rgb(255, 255, 255);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  content: "";
  height: 0.15rem;
  margin-top: auto;
  width: 2rem;
  bottom: 0px;
  position: absolute;
}
.slot-reservation--child {
	background-color:rgb(243, 243, 248);
	border-radius:1rem;
}
.slot-reservation > div.slot-reservation--child:not(:last-child) {
  margin-bottom: 2px; 
}
.slot-reservation--child.myreservation {
	border: 2px solid rgb(18, 121, 150);
}
.timeslot-day {
	font-size:16px;
}
.timeslot-day > div:first-child{
	color:white;
	padding-bottom:5px;
}
.timeslot-day.disabled-day {
	opacity:.4;
}
.timeslot-day.disabled-day .day-name {
	color: #888;
	cursor: not-allowed;
}
.timeslot-day.disabled-day .day-num {
	color: #888;
	cursor: not-allowed;
}
/* -------------------------------------------------------------
	18 Février 2024 : Grid Planning Equipe
 --------------------------------------------------------------- */
.grid-planning-equipe--week {
	display: grid;
  	grid-template-columns: 220px repeat(var(--jour-semaine), minmax(150px,1fr));
  	gap: 10px;
}
.vehicule-header--week.grid-planning-equipe {
	padding:10px 0;
}
.grid-planning-equipe--week .nom-salarie {
	padding:10px;
	background-color: rgb(243, 243, 248);
	margin-top:-10px;
}
.grid-planning-equipe--item {
	position: relative;
}
.grid-planning-equipe--item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  border-bottom: 2px solid #ccc;
}
/* -------------------------------------------------------------
	10 Aout 2014 : HELPDESK VEHICULES
 --------------------------------------------------------------- */
.search-results {
	background: #fff;
	border-left: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-radius: 0 0 4px 4px;
	border-width: 1px 0 0 1px;
	overflow: hidden;
	clear: both;
	position: relative;
	margin-bottom: 8px;
}
.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
}
.list-view-slider {
	display:none;
}
.GridView {
	min-height:285px;
}
.GridView > .item:last-child {
    width: 284px;
}
.GridView > .item:hover  {
  	box-shadow: inset 0 0 12px rgba(0, 0, 0, .1);
  	/*
  	content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;*/
}
.GridView {
	min-height:285px
}
.item-list {
	position: relative;
	background: #fff;
}
.GridView .item {
	border-left: 0;
	float: left;
	height: 285px;
	margin: 0 -1px -1px -1px;
	width: 285px;
}
.item-list .item {
	background: #fff;
	border: 1px solid #e4e4e4;
	overflow: hidden;
	position: relative;
}
.GridView .item-content {
	padding: 18px;
	z-index:9999;
}
.Process h3.Title {
	color: #000;
    font-size: 14px;
    font-weight: 400;
}

.Process h3.SubTitle {
	color: #666;
    font-size: 12px;
    font-weight: 400;
}
.top-delimiter {
	border-top: 1px solid #eee;
	padding: 8px 0 0;
	margin: 4px 0 0;
	clear:both;
}
.item-content .display-text .filter-option {
	width:86px;
}
.item-content .subheading {
	font-size: 12px;
	line-height: 1.8em;
	color: #666;
}
li.fabricant {
	font-size: 12px;
	color: #08c;
}
.gallery-status .pcstatusP {
	color: red;
	font-size:16px;
}
.gallery-status .pcstatusA {
	color: green;
	font-size:16px;
}
.gallery-materiel img {
	height: 66px;
	width: 48px;
	background-color:#fff;
	padding:0 6px;
}
.gallery-materiel .filter-option {
	width:52px;
}
.item-content .wrapper-status {
	font-size:14px;
	color:#888;
}
.item-content .wrapper-status .hs {
	color:red;
}
.Process-content-P {
	margin-left: 20px;
	margin-top: 4px;
}
.Process-content-F {
	margin-left: 32px;
}
.Process .action {
	font-size: 11px;
	line-height:18px;
}
/* -------------------------------------------------
	CSS TABLEAU DES MONTANTS, REMISE, TVA
	------------------------------------------------- */
.pricing_retail {
	background-color:White;
	font-family:arial,helvetica;
	font-size:11px;
	padding-left:1px;
	padding-right:1px;
}
.pricing_dotdotdot {
	background-image:url(../images/icons/pricing_dot.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
}
.pricing_discount {
	background-color:White;
	color:#CC6600;
	font-family:arial,helvetica;
	font-size:11px;
	padding-left:1px;
	padding-right:1px;
}
.pricing_discount.bigger {
	font-size:12px;
}
.pricing_sale  {
	background-color:White;
	color:#669933;
	font-family:arial,helvetica;
	font-size:11px;
	font-weight:bold;
	padding-left:1px;
	padding-right:1px;
}
.pricing_sale_price.bigger, .pricing_sale.bigger, .pricing_retail.bigger {
	font-size:16px;
}
.pricing_sale_price {
	background-color: White;
    color: #669933;
    font-family: arial,helvetica;
    font-size: 14px;
    font-weight: bold;
    padding-left: 1px;
    padding-right: 1px;
}	
/* -------------------------------------------------------------
	12 Juin 2017 : Apps congés - tasktype_c : liste congés - plan_UTA : vue mensuelle
--------------------------------------------------------------- */
.tasktype_CP_c, .plan_UTA_CP
{
	background-color:#FF0000;
	color:#ffffff;
}
.tasktype_RTT_c, .plan_UTA_RTT
{
	 background-color:#6666FF;
	 color:#ffffff;
}
.tasktype_CPM_c, .plan_UTA_CPM
{
	 background-color:#cc33ff;
}
.tasktype_CPL_c, .plan_UTA_CPL
{
	 background-color:#ff99ff;
}
.tasktype_CPE_c, .plan_UTA_CPE
{
	 background-color:#00cc00;
}
.tasktype_CM_c, .plan_UTA_CM
{
	 background-color:#bbccdd;
}
.tasktype_CE_c, .plan_UTA_CE
{
	 background-color:#99CC66;
}
.tasktype_DUP_c, .plan_UTA_DUP
{
	 background-color:#AAAAAA;
}
.tasktype_CEF_c, .plan_UTA_CEF
{
	 background-color:orange;
}
.tasktype_TTVL_c, .plan_UTA_TTVL
{
	 background-color:#FF00CC;
}
.tasktype_CPSS_c, .plan_UTA_CPSS
{
	 background-color:#e9d4b9;
}
.plan_UTA_MTT
{
	 background-color:#ffcc00;
}
.tooltip_content
{
	display:none;
}
#dhtmltooltip {
	position: absolute;
	width: 100px;
	border-radius: 3px;
	border: 1px solid #ccc;
	font-size:12px;
	color:#fff;
	padding: 5px;
	background-color: #000;
	visibility: hidden;
	z-index: 100;
}
#dhtmlpointer{
	position:absolute;
	left: 260px;
	z-index: 101;
	visibility: hidden;
}
/* -------------------------------------------------------------
	3 Août 2015 : TABULATION
 --------------------------------------------------------------- */
.eventsCalendarModule .tabsContainer {
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #E2E2E2;
  height: 26px;
  padding: 10px 0 4px;
}
.wrap:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.tabs {
    display: block;
    font-family: arial,helvetica,sans-serif;
    margin: 0;
	overflow: visible;
    padding: 0;
    text-transform: uppercase;
    white-space: nowrap;
    list-style: none outside none;
}
.eventsCalendarModule .tabs .lastItem {
    border-right: medium none;
}

.eventsCalendarModule .tabs li {
    background-color: #FFFFFF;
    border-color: #dddddd;
    border-style: none solid none none;
    border-width: medium 1px medium medium;
    cursor: pointer;
    font-size: 1.1em;
    height: 24px;
    padding: 0 7px;
}
.eventsCalendarModule .tabs .Item {
    text-decoration: none;
    color:#AFAFAF;
}
.eventsCalendarModule .tabs .selected {
    border-color: #C0C0C0;
    background-color: #FFFFFF;
   	border-style: solid solid none solid;
   	border-width: 1px 1px 0 1px;
    height: 36px;
    margin: -10px 0;
    padding: 7px 5px 15px 9px;
    text-decoration: none;
    color:#666;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.tabs li {
    border-image: none;
    display: block;
    float: left;
    white-space: nowrap;
}
.eventsCalendarModule .tabs .lastItem {
    border-right: medium none;
}

.tabContent {
    padding: 7px 0 7px 7px;
}
.eventsCalendarModule .tabs .lastItem {
  border-right: medium none;
}
.eventsCalendarModule .tabs .abbr {
  font-size: 0.7em;
  line-height: 1em;
}
/* -------------------------------------------------------------
	20 Février 2016 : view image onHover
 --------------------------------------------------------------- */
.gallery-nav>.next {
	top: 50%;
	right: 15px;
	list-style: none;
	padding: 50px;
	position: absolute;
	z-index: 3;
}
.paddlenav-onhover {
	opacity: 0;
}
.gallery-nav>.prev {
    top: 50%;
    left: 15px;
    list-style: none;
    padding: 50px;
    position: absolute;
    z-index: 3
}
.paddlenav-arrow-right  {                                 
	right: 0;
	padding-left: 0;
	padding-right: 0;
}
.paddlenav-arrow-left  {                                 
	left: 0;
	padding-left: 0;
	padding-right: 0;
}
.gallery-nav .paddlenav-arrow {
	width: 40px;
	height: 78px;
	position: absolute;
	box-sizing: border-box;
	top: 40%;
	line-height: 1.78;
	line-height: 74px;
	text-align: center;
	overflow: hidden;
	color: #999;
	border-radius: 4px;
	display: block;
	font-size: 48px;
	opacity: .7;
}
.salleThumbnail {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e6e6e6;
    background: #fff;
    display:none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.salleThumbnail .inactive {
	display:block;
}
/* Index > BDES
 --------------------------------------------------------------- */
.pagetitle-home {
	COLOR : White;
	padding-left: 12px;
	FONT-SIZE: 18px;	
	text-transform: uppercase;
}
.subList li>div.dynTxt {
	font-size: 16px;
	font-weight: 200;
	margin:auto;
	padding: 8px;
}
.subList .LabeldynTxt {
	font-size: 16px;
	font-weight: 200;
	margin:auto;
	padding: 12px;
	line-height:90px;
}
.dynTxt {
	min-height:94px;
}
.accordion-div {
	margin-bottom: 4px;
	padding: 5px 8px;
}
li.accordion-list {
	float:left;
	width:100%;
}
.accordion-span {
	font-size: 15px;
	line-height: 1.2;
	font-weight: 400;
	letter-spacing: normal;
	color: #666;
	vertical-align: text-top;
}
 .as-accordion-radio-item:checked+.filter-item-label .accordion-div {
	background-color: #f2f2f2;
}
.subList li {
	float: left;
	border: 1px solid #d8d8d8;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
	text-align: center;
	width: 102px;
	min-height: 96px;
	margin: 12px 12px 0 0;
	background: #fefefe;
}

.subList li:hover {
    background: #fefefe;
    background: linear-gradient(to bottom, #fefefe 0, #fafafa 39%, #f7f7f7 69%, #f5f5f5 100%);
    border: 1px solid #ccc9
}

.subList li:focus {
	border-color: #08C !important;
	outline: 0px none;
	box-shadow: 0px 0px 6px #08C;
	outline-offset: -8px;
}
.as-accordion-radio-item:checked + .filter-item-label .dynTxt {
	border: 1px solid #d8d8d8;
	border-color: #08C !important;
	outline: 0px none;
	box-shadow: 0px 0px 6px #08C;
	outline-offset: -8px;
	border-radius: 4px;
}
.dynTxtList li {
    border: 1px solid #ccc;
}
.filter-item-label {
	cursor:pointer;
}
.SlideNiveau2 h2 {
	font-size: 14px;
}
ul.SlideNiveau2>li {
	text-align: left;
	border-radius: 6px;
    border: 1px solid #08C;
    color: #000;
    font-size: 14px;
    margin-bottom: 8px;
    margin-left: 0;
    margin-right: 8px;
    min-height: 18px;
    padding-bottom: 12px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 12px;
    background-color: #fff;
}
.Niveau3 {
	color: #878787;
    font-size: 13px;
    padding-left:10px;
    font-weight:600;
    padding-top: 4px;
    padding-bottom: 4px;
    margin:8px 16px;
    width:75%;
    border-bottom: 1px solid #878787;
}
ul.SlideDocs {
	margin-left:12px;
}
ul.SlideDocs li {
	margin: 0px 4px 4px;
	display:inline-block;
}
.mgr_title {
	font-size: 28px;
	font-weight: 400;
	letter-spacing: normal;
	display: block;
	float: left;
	line-height: 32px;
	height: 32px;
	margin: 0;
	padding: 0;	
}
/* Index > Application > Maintenance
 --------------------------------------------------------------------- */
.dangerous {
	float:right;
	font-size:32px;
}
.dangerous_A, .dangerous_E {
	color: #d6d6d6;
}
.dangerous_D {
	color: orange;
}
.dangerous_C {
	color: yellow;
}
.MachineThumbmail {
	margin-top:10px;
	height: 108px;
	width: 108px;
	border-radius: 6px;
	border: 1px solid #08c;
}
.as-filter-item-link {
	text-decoration: none;
	font-weight: 400;
	cursor: pointer;
	font-size:12px;
	color: #999;
	padding: 4px;
}
.as-filter-item-link.selected {
	border: 1px solid #d8d8d8;
	border-color: #08C !important;
	outline: 0px none;
	box-shadow: 0px 0px 6px #08C;
	outline-offset: -8px;
	border-radius:3px;
}
/* Index > Application > Voitures
 --------------------------------------------------------------------- */
.VoitureThumbmail {
	height: 64px;
	width: 71px;
	border-radius: 50%;
}
/* Index > Application > Achats
 ---------------------------------------------------------------------- */
.productdetailstar {
    font-size: 16px;
    cursor: pointer;
    display: inline-block; 
}
.star:before, .fullstar:before {
	content: "\f005";
	font-family: 'Font Awesome 6 pro';
}
.star {
	display: inline-block;
	text-decoration: none;
	color: #e3e3e3;
	margin-right: .25em
}
.fullstar {
	display: inline-block;
	text-decoration: none;
	color: #0085c3;
	margin-right: .25em
}		
.viewport-special-style {
	padding-left:0;
}
#div_myorder_sidemenu_V {
	width: 260px;
	opacity: 1;
	transition: width 0.5s ease-in-out;
}
#div_myorder_sidemenu_V.reduit {
  	width: 48px;
}
#div_myorder_sidemenu_V .element-a-cacher {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}
#div_myorder_sidemenu_V.reduit .element-a-cacher {
  opacity: 0;
  pointer-events: none;
}
/* ---------------------------------------------------------------------
	17 Décembre 2015 : Archives News 
 ---------------------------------------------------------------------- */
ul.archives>li {
	display:flex;
	align-items:center;
	font-family: Noah;
	margin-bottom:4px;
}
ul.archives>li div.ReleaseDate {
	margin-left: 12px;
	color: #888;
	white-space:nowrap;
	font-size:14px;	
	width:72px;
}
/* ----------------------------------------------
	21 Mai 2016 : Application PDCA
 ----------------------------------------------- */
.pdca {
	margin-right: 8px;
}
pie {
    width: 52px;
    height: 52px;
    display: block;
    border-radius: 50%;
    background-color: green;
    border: 2px solid green;
}
little-pie {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    background-color: green;
    border: 2px solid green;
}
.pdca_plan {
    background-image:
        linear-gradient(180deg, transparent 50%, white 50%),
        linear-gradient(90deg, white 50%, transparent 50%);
}
.pdca_do {
    background-image:
        linear-gradient(90deg, white 50%, transparent 50%);
}
.pdca_check {
    background-image:
        linear-gradient(180deg, transparent 50%, green 50%),
        linear-gradient(90deg, white 50%, transparent 50%);
}
.pdca_act {
    background-image: none;
}
 /* Index > Application > Actifs > 	 
 ---------------------------------------------------------------------- */
.main_graph_equipements h2 {
	text-align:left;
	font-size: 20px;
	line-height: 1.8;
	font-weight: 200;
	margin-right:18px;
	margin-bottom:24px;
	border-bottom:1px solid #eee;
}
 ._timeslot-days {
 	white-space: nowrap;
 	padding:10px 0 10px 0;
 }
._timeslot-days li._timeslot-day-container {
	width: 116px;
	height: 116px;
	padding: 0;
	display: inline-block;
	margin-left:8px;
}
._timeslot-days ._timeslot-day-container ._timeslot-day {
	border: 1px solid #d6d6d6;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
     width: 100%;
	height: 100%;
	cursor: pointer;
}
._timeslot-days ._timeslot-day-container.selected {
    outline: none;
    box-shadow: 0 0 8px #158cfb;
    border: 1px solid #158cfb
}
._timeslot-days ._timeslot-day-container.disabled-day {
	border:1px solid #d6d6d6;
}

._timeslot-days ._timeslot-day.disabled-day {
	opacity:.4;
}
._timeslot-days ._timeslot-day.disabled-day .day-name {
	color: #888;
}
._timeslot-days ._timeslot-day.disabled-day .day-num {
	color: #888;
}
._timeslot-days ._timeslot-day.disabled-day .slots-available {
	color: #888;
	/*cursor: not-allowed;*/
}
._timeslot-days ._timeslot-day ._slots-available {
    overflow: hidden;
	text-overflow: ellipsis;  
	list-style-position: inside;
}
/* Index > Application > PlanningConge	 
 ---------------------------------------------------------------------- */
.main-container {
	right: 0px;
	top:4px;
	left:4px;
	border-top: 1px solid #e5aca9;
	border-bottom: 1px solid #ccc;
}
.headings {
	font-size: 18px;
	color: #696f7a;
	top: 0px;
	left: 0px;
	right: 0px;
	text-align: left;
	margin-left: 7px;
    height: 30px;
    line-height:30px;
}
.col {
	display:inline-block;
	top: 0px;
	bottom: 0px;
	overflow-y:hidden;
}
.col1 {
	width: 14.285714285714286%;
	left: 0%;
	right: auto;
}
.col2 {
	width: 14.285714285714286%;
	left: 14.285714285714286%;
	right: auto;
}
.col3 {
	width: 14.285714285714286%;
	left: 28.571428571428572%;
	right: auto;
}
.col4 {
	width: 14.285714285714286%;
	left: 42.857142857142858%;
	right: auto;	
}
.col5 {
	width: 14.285714285714286%;
	left: 57.142857142857144%;
	right: auto;	
}
.col6 {
	width: 14.285714285714286%;
	left: 71.42857142857143%;
	right: auto;		
}
.col7 {
	width: 14.285714285714286%;
	left: 85.714285714285716%;
	right: auto;
}
.month-canvas .month-body {
	min-height: 300px;
	top: 30px;
	left: 0;
	right: 0;
	bottom: 0;
}
.month-canvas div {
	position:absolute;
}
.row {
	left:0px;
	right:0px;
}	
.num-rows6 .row1 {
	top:0px;
	height:120px
}
.num-rows6 .row2 {
	top:16.66667%;
	height:120px;
}
.num-rows6 .row3 {
	top:33.3333%;
	height:120px;
}
.num-rows6 .row4 {
	top:50%;
	height:120px;
}
.num-rows6 .row5 {
	top:66.66667%;
	height:120px;
}
.num-rows6 .row6 {
	top:83.3333%;
	height:120px;
}
.num-rows5 .row1 {
	top:0px;
	height:120px;
}
.num-rows4 .row1 {
	top:0px;
	height:120px;
}
.num-rows5 .row2 {
	top:20%;
	height:120px;
}
.num-rows4 .row2 {
	top:25%;
	height:120px;
}
.num-rows5 .row3 {
	top:40%;
	height:120px;
}
.num-rows4 .row3 {
	top:50%;
	height:120px;
}
.num-rows5 .row4 {
	top:60%;
	height:120px;
}
.num-rows4 .row4 {
	top:75%;
	height:120px;
}
.num-rows5 .row5 {
	top:80%;
	height:120px;
}
.num-rows4 .row5 {
	top:75%;
	height:120px;
}
.month-canvas .month-body .row div.col .cell-container {	
	left: 3px;
	right: 3px;
	top: 0;
	bottom: 0;
	border-top: 1px solid #d8d9d9;
}
		
.month-canvas .month-body .row .col .dt {
	top: 4px;
	left: 5px;	
	font-size:14px;
}
.month-canvas .month-body .off-month .cell-container {
	color:#999;
}
.month-canvas .month-body .row div.col.weekend .cell-container {
	background-color:#f7f7f7;	
	z-index:-1;
}
.month-canvas .month-body div .col.today {
	color: #ff3b30;
	font-weight: 500;	
}
.month-canvas .month-body .row div.col.today::before {
	content: '';
	display: inline-block;
	height: 3px;
	background: #f72f37;
	position: absolute;
	left: 3px;
	right: 3px;
	/*z-index: 2;*/	
}
.collection-event {
	top:20px;
	right: 0;
	overflow: hidden;
	width:100%;
	min-height: 20px;
	border-radius:2px;
}
.collection-event .bg {
	position: static;
	white-space: nowrap;
	color:#fff;
	margin-bottom:1px;	
}
.collection-event .bg.conge-misc {
	background-color:#34aadc;
}
.collection-event .bg.seance {
	background-color:#CC73D7;
}
.collection-event .bg.activite {
	background-color:#49bf1f;
}
.collection-event .bg.rtt {
	 background-color:rgb(175, 22, 116)
}
.collection-event .bg.cp {
	 background-color:#ff0000;
}
.collection-event .bg.ce {
	 background-color:orange;
}
.collection-event .bg.enformation {
	 background-color:rgb(255, 210, 19);
}
.collection-event .time {
	display:inline-block;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 4px;
	margin-right: 4px;
	text-align: right;
	position: static;
	padding-top: 3px;
	font-size:11px;
}
.collection-event .title {
	display:inline-block;
	position: static;
	margin-left: 15px;
	padding-top: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size:12px;
}
.collection-event .title::before {
	content: "\f111";
	position:absolute;
	top:6px;
	left:4px;
	font: var(--fa-font-solid);
	font-size:.375rem;
	color: #fff;
}
 .month-canvas.month .month-body .row .this-week-line {
    left: 3px;
    right: 0;
    top: 0;
    height: 3px;
    background-color: #fcd7d7;
    z-index: 1
}
.overflow-entry {
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	color: #999;
	height: 17px !important;
	width: auto !important;
	margin-left: 20px;
}
/* Index > Application Audit
 --------------------------------------------------------------- */
.as-browser-list {
	margin: auto;
    padding-top: 6px;
    width: 50%;
}
.as-browser-items {
	margin: 0;
	text-align: center;
	width: 120px;
	display: inline-block;
}
.as-browser-items .as-browser-item-wrapper {
	margin: 0;
	vertical-align: middle;
	border: #08c 1px solid;/*bcbcbc*/
	border-radius: 50%;
	padding: 12px;
	width: 75px;
	height: 75px;
	display: inline-block;
	position: relative;
}
.as-browser-item-wrapper .as-browser-detail {
	display: block;
    font-size: 14px;
    line-height: 1.5;
    padding-top: 12px;
    text-align: center;
}
/* special pour affichage score audit 5s */
.as-browser-item-wrapper .as-browser-detailplus {
	display: block;
    font-size: 34px;
    color:#08c;
    line-height: 1.5;
    padding-top: 12px;
    text-align: center;
}
/* 
	Index > Application > TemplatePlanning
 --------------------------------------------------------------- */
.template-hebdo {
	position: relative;
	width:260px;
	margin:5px 10px;
}
.template-hebdo__titre {
 	color: #767676;
	font-size:12px;
	padding:4px;
} 
.template-hebdo_result.template-hebdo_result-jour__present { 
 	background-color: #005789;
}
.template-hebdo_result.template-hebdo_result-jour__absent { 
 	background-color: #e31f26;
}
.template-hebdo_result {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 1px 1px 0
}
.template-hebdo_result:hover:before {
	content: attr(data-title);
    display: block;
    position: absolute;
    width: 180px;
    bottom: -24px;
    padding:4px;
    border:1px solid #767676;
    opacity:0.6;
    background-color: #fff;
    text-align:center;
}
/* -------------------------------------------------------------------
	8 Avril 2018 : Home Page intranet : apprenants présents sur site
 ------------------------------------------------------------------- */
.tooltip {
  position:relative;
}
.tooltip:hover .nom__groupes {
    visibility:visible;
}
.tooltip.contrat_de_professionnalisation_fc, .tooltip.contrat_de_professionnalisation_fi, .tooltip.apprenant_sas {
	background-color: #cc0000;
}
.tooltip.salarie_fl, .tooltip.salarie_fi, .tooltip.salarie_fc {
	background-color: #063B63;
}
.tooltip.demandeur_d_emploi_fc, .tooltip.demandeur_d_emploi_fi {
	background-color: #FF5733;
}
.tooltip.apprentissage {
	background-color: #0084c6;
}
.tooltip.apprenti_passerelle {
	background-color: #0084c6;
}
.tooltip.particuliers {
	background-color: #416E8F;
}
.tooltip .nom__groupes {
	display: block;
	visibility: hidden;
	position: absolute;
	top:50%;
	padding: 8px;
    color:#fff;
    line-height: 1.3em;
    font-size: 12px;
    z-index:2;
    transform: translateY(-50%);
}
.tooltip .nom__groupes.right {
    box-shadow: rgba(0, 0, 0, 0.4) 5px 5px;
	left: 100%;
}
.tooltip .nom__groupes.left {
    box-shadow: rgba(0, 0, 0, 0.4) -5px 5px;
    right: 100%;
}
.tooltip .nom__groupes.contrat_de_professionnalisation_fc, .tooltip .nom__groupes.contrat_de_professionnalisation_fi {
	background-color: #cc0000;
}
.tooltip .nom__groupes.salarie_fl, .tooltip .nom__groupes.salarie_fi, .tooltip .nom__groupes.salarie_fc {
	background-color: #063B63;
}
.tooltip .nom__groupes.demandeur_d_emploi_fc, .tooltip .nom__groupes.demandeur_d_emploi_fi {
	background-color: #FF5733;
}
.tooltip .nom__groupes.apprentissage, .nom__groupes.apprenant_sas {
	background-color: #0084c6;
}
.tooltip .nom__groupes.apprenti_passerelle {
	background-color: #0084c6;
}
.tooltip .nom__groupes.particuliers {
	background-color: #416E8F;
}
/* -------------------------------------------------------------------
	30 Juillet 2018 : generic Tooltip
 ------------------------------------------------------------------- */
.tooltip__wrapped {
  position:relative;
}
.tooltip__wrapped:hover .tooltip-inner {
    visibility:visible;
}
.tooltip__wrapped .tooltip-inner {
	display: block;
	visibility: hidden;
	position: absolute;
	top:50%;
	white-space: nowrap;
	padding: 8px;
    color:#fff;
    line-height: 1.3em;
    font-size: 12px;
    z-index:2;
    background-color: #FF5733;
    transform: translateY(-50%);
}
.tooltip__wrapped .tooltip-inner.right {
    box-shadow: rgba(0, 0, 0, 0.4) 5px 5px;
	left: 60%;
}
.tooltip__wrapped tooltip-inner.right::before {
	content:'';
	display:block;
	position:absolute;
	left:-7px;
	top:40%;
	width:0;
	height:0;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	border-right:8px solid #FF5733;
}
/* Index > Application > Entretien
 ------------------------------------------------------------------- */
.family-browser-wrapper input[type="radio"]:checked + label { 
	border: 1px solid #08c;
}
/* Index > Application > Helpdesk
 ------------------------------------------------------------------- */
.family-browser-wrapper div.enabled {
	background-color:#08c;
	border-color:#08c;
	color:#fff;
}
.family-browser-wrapper div.enabled::before {
	content:'';
	display:block;
	position:absolute;
	bottom:-7px;
	left:50%;
	margin-left:-5px;
	width:0;
	height:0;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-top:7px solid #08c;
}
.family-browser-wrapper .family-equipement {
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:content-box;
	position:relative;
	height:45px;
	width:120px;
	min-width:70px;
	padding:8px;
	text-align:center;
	border:1px solid #ececec;
	margin: 0 -1px -1px 0;
}
.family-browser-wrapper .family-equipement .family-equipement-card {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:100%;
	height: 100%;
	padding: 5px;
	box-sizing: border-box;
}
.family-browser-wrapper .family-equipement .family-equipement-card div:nth-child(1){
	font-weight:600;
	color:var(--color-nodata);
}
.family-browser-wrapper .family-equipement::first-child {
	border-radius:4px 0 0 4px;
}
.apps__declare_panne input[type="checkbox"]{
	border: 0;
	height: 1px;
	visibility: hidden;
	padding: 0;
	position: absolute;
	width: 1px; 
}
.apps__declare_panne input[type="checkbox"] + label {
	color:#08c;
    cursor: pointer;
}
.apps__declare_panne input[type="checkbox"] + label span{
	font-family: Noah;
	font-size:0.925rem;
	padding-left:5px;
}
.apps__declare_panne input[type="checkbox"]:checked + label {
    color: #FF5733;
}
#div_helpdesk_lastadded_L::before {
	content: '';
    position: absolute;
    top:-14px;
    right:8rem;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.33);
    width:28px;
    height: 28px;
    transform:rotate(45deg);
}
#div_helpdesk_lastadded_L::after {
	content: '';
    position: absolute;
    top:0;
    right:7.4rem;
    background-color: #fff;
    width:50px;
    height: 10px;
}
/* Index > Application > Annuaire
   ---------------------------------------------------- */
.card-ldap {
	position:relative;
	width:172px;
	height:182px;
	border:1px solid #ccc;
	margin:0 10px 10px 0;
	border-radius:3px;	
}
.group-alias {
	text-align: left;
	width: 20rem;
	display: flex;
	align-items: center;
	flex-direction: column;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(0,0,0,.024),0 1px 0 rgba(0,0,0,.05),0 0 8px rgba(0,0,0,.03),0 20px 30px rgba(0,0,0,.1);
	padding: 1rem;
	border-radius: .5rem;
	margin: 0 1.8rem 1.8rem 0;
}
.group-alias--avatar {
	padding:0 4px 4px 0;
}
/* Index > Application > Entretien
   ---------------------------------------------------- */
.piloter-entretien {
	font-size:14px;
	display: grid;
	grid-template-columns: 180px 1fr 1fr 1fr 1fr 1fr 1fr 54px 54px;
}
.piloter-entretien[data-core-sticky] {
	position:sticky;
	top:0;
}
.piloter-entretien .piloter-header {
	text-align:center;
	white-space:nowrap;
	background-color:#ccc;
	padding:15px 8px;
}
.piloter-entretien .nom_salarie {
	margin:auto 0;
	padding:15px 0 15px 0;
	cursor:pointer;
}
.piloter-entretien .nom_salarie p, .piloter-entretien .cell-cycle p {
	margin:auto 0;	
}
.piloter-entretien .cell {
	display:grid;
	align-items: center;
	justify-items: center;
	position:relative;
}
.piloter-entretien .cell.cycle {
	color:#fff;
	background-color:#00add0;
	white-space:nowrap;
}
.piloter-entretien .cell.done {
	color:#fff;
	background:#3cb500;
}
.piloter-entretien .cell.retard {
	color:#fff;
	background:#cc0a11;
}
.piloter-entretien .cell.nodata {
	background:#f5f5f5;
}
.piloter-entretien .cell .cell-label {
	display:block;
	font-size:12px;
	line-height:1.6;
}
.prerequis {
	width:170px;
	margin-right:10px;
	border-radius: 1.875rem;
	border:1px solid #ddd;
	padding:10px;
}
/* Index > Websites
 --------------------------------------------------------------- */
.home-intranet__frise-navigation {
 	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	margin-top:2rem;
 }
.home-intranet__frise-navigation > .item {
	position: relative;
	max-width: 200px;
	width: 100%;
	padding: 20px 0px;
	margin: 0 15px 25px 0;
	border: 1px solid #eee;
	pointer-events: auto;
	display: flex;
	flex-direction: column;
}
.home-intranet__frise-navigation > .item:before{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	content: "";
	width: 15px;
	height: 15px;
	background-color: #ccc;
}
.home-intranet__frise-navigation > .item h6 {
	font-size: 12px;
	line-height: 1.1;
	text-align: center;
	color: #202731;
	margin: 8px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}
.home-intranet__frise-navigation > .item p {
	font-size: 14px;
	line-height: 1.25;
	text-align: center;
	color: #202731;
	margin: 8px 8px 8px 8px;
}
.home-intranet__frise-navigation > .item p .go {
	display: flex;
	top: 10px;
	margin: auto auto 9px auto;
	width: calc(100% - 10px);
	max-width: 118px;
	padding:0;
}
.go {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 31px;
	border: 1px solid #BCA6A9;
	border-radius: 70px;
	cursor: pointer;
	padding:0 1rem;
}
.go p {
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0.3px;
}
.go p:before {
	font: var(--fa-font-solid);
	display: inline-block;
	content: "\e09f";
	font-size: 1rem;
	margin-right: 5px;
	color:#979797;
}
/* Index > Application > FdF
 ---------------------------------------------------- */
.frais-controle {
	color: #127996;
	border-radius: 6rem;
	padding: 1rem;
	display: inline-block;
	background: rgb(241, 200, 60);
	margin-bottom: 10px;
}
/* Index > Application > Documents
 ---------------------------------------------------- */
 .document-nav {
	box-sizing: border-box;
	width:360px;
	height:calc(100vh - var(--top--primary-menu) - var(--header-height));
	background:#f5f5f7;
	padding:1rem;
	overflow-y:auto
}
.document-content {
	width:calc(100% - 360px);
	padding-left:2rem;
	overflow-y:auto;
	height:calc(100vh - var(--top--primary-menu) - var(--header-height));
}
.document-thumbnail-item {
	width: 182px;
    cursor: pointer;
    margin:1rem 1rem 0 0;
}
.document-thumbnail-item--src {
    width: 180px;
    height: 260px;
    object-fit: cover; 
    border: 1px solid #ddd;
    background-color: #f9f9f9; 
}
.thumbnail-video-wrapper {
    position: relative;
    width: 180px;
    height: 260px;
}
/* Index > Application > Documents (pour les vidéos)
 ---------------------------------------------------- */
.document-thumbnail-video--src {
    width: 180px;
    height: 101px; /* 16:9 ratio */
    object-fit: cover;
    border: 1px solid #ddd;
    background-color: #000;
}
.thumbnail-video-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}

.thumbnail-video-wrapper::after {
    content: '▶';
    font-size: 3rem;
    color: white;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* Index > Application > Congés
 ---------------------------------------------------- */
.graybox #plan_inter thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}
.graybox #plan_inter td .td-in {
	box-sizing: border-box;
	height:42px;
	min-height:42px;
	max-height:42px;
	width:100%;
	overflow:hidden;
	display:flex;
	justify-content: space-between;
	flex-direction: column;
}
.graybox #plan_inter td:not(.user_name) {
	box-sizing: border-box;
	height:42px;
	min-height:42px;
	max-height:42px;
	min-width:42px;
	max-width:45px;
	padding: 0px;
	margin: 0px;
	border-right:1px solid #F8F8F8; 
	background:transparent;
}
.graybox #plan_inter thead tr:first-child th {
    top: 0;
    z-index: 2;
}
.graybox #plan_inter thead tr:nth-child(2) th {
    top:42px;
    z-index: 2; 
}
.graybox #plan_inter::-webkit-scrollbar {
    width: 0px; 
    height: 0px;
    background: transparent; 
}
#div_conges_view_month_V .graybox {
	scrollbar-width: none;
}