/* ################################################################################## */
/* ###                                                                            ### */
/* ###  CSS de personnalisation Principal                                         ### */
/* ###                                                                            ### */
/* ###  @author ParaGon {27/07/2018}                                              ### */
/* ###   MAJ by ParaGon {14/08/2018}: reset léger + titres                        ### */
/* ###   MAJ by ParaGon {18/09/2018}: ajout personnalisation authentification     ### */
/* ###   MAJ by ParaGon {19/09/2018}: ajout helpers                               ### */
/* ###   MAJ by ParaGon {03/10/2018}: ajout module Indic                          ### */
/* ###   MAJ by ParaGon {26/11/2018}: ajout module progress + déplace couleurs    ### */
/* ###   MAJ by ParaGon {29/11/2018}: ajout titres                                ### */
/* ###                                                                            ### */
/* ################################################################################## */


/*** RESET ***/

html {
	box-sizing: border-box; /* border-box (pas d'effet de marges) [KNAC] */
	
	font-size: 62.5%; /* équivalent de 10px, pratique pour conversions en rem [KNAC] */
	font-size: calc(1em * 0.625); /* FIX IE9-IE11 [KNAC] */

	/* FIX Windows Phone et iOS: évite adjustement du font size après changement orientation [NORM] */
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}


main { display: block; /* FIX all [NORM] */ }



/*** DECORATION ***/

body {
	margin: 0;             /* suppression des marges [NORM] */
	font-size: 1.6rem;     /* 16px sur mobiles */
	font-family: -apple-system, Roboto, "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.5;
	word-wrap: break-word; /* coupure des longs mots */
	color: #333;           /* lightblack, noir éclairci */
	background-color: #fff;
}

/* formatage */

.b { font-weight: bold; }
.i { font-style: italic; }
.del { text-decoration: line-through; }
.maj { text-transform: uppercase; }
.cap { text-transform: capitalize; }
.u { text-decoration: underline; }


/* Titres */

h1, h2, h3, h4, h5, h6 {
	color: #222; /* couleur plus sombre pour mise en relief */
	font-weight: bold;
}

h1,
.content-header h1 {
	font-size: 2em;
	line-height: 1.5em;  /* 3 / 2 */

	/* centrage et limitation largeur */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

h2 {
	font-size: 1.75em;
	position: relative;  /*on décale d'une demie ligne vers le bas*/
	top: 0.4285714286em;                      /* 0.75 / 1.75 */
	max-width: 1000px;	                      /* 36em trop long ! */
	line-height: 1.71428571em;                /* 3 / 1.75 */
	margin-top: 0.85714286em;                 /* 1.5 / 1.75 */
	margin-bottom: calc(1.71428571em - 1px);  /* 1.5 / 1.75 */
}

/* h3: décalage de 1.5em; */
h3 {
	font-size: 1.5em;
	line-height: 1em;   /* 1.5 / 1.5 */
	margin-top: 1em;    /* 1.5 / 1.5 */
	margin-bottom: 1em; /* 1.5 / 1.5 */
	padding-left: 1em;  /* 1.5 / 1.5 */
}

h4 {
	font-size: 1.25em;
	line-height: 1.2em; /* 1.5 / 1.25 */
	margin-top: 1.2em;  /* 1.5 / 1.25 */
	margin-bottom: 0em;
}

h5, h6 {
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 0em;
}



/*** ELEMENTS DE BASE ***/

/* séparations */

hr{
	overflow: visible;  /* FIX FF, IE et Edge [NORM] */
	display: block;
	clear: both;
	height: 1px;
	max-width: 90%;
	margin-top: -1px; /* pour conserver le rythme vertical */
	padding: 0;
	border: 0;
	color: gray;
	background-color: gray;
	box-shadow: 0px 1px 1px #ccc;
}

hr.small {
	max-width: 50%;
}

hr.smaller {
	max-width: 25%;
}



/*** FORMULAIRES ***/

fieldset {
	box-shadow: 0 5px 25px rgba(27,31,35,0.07);
	border: solid 1px #e1e4e8;
	border-radius: 6px;
	margin: 0px 0px 1.5em 0px;
	padding: 0.5em 0.75em;
}




/*-----------------------------*/
/* LISTES - Liste              */
/* v1.2 {28/08/2018}           */
/*-----------------------------*/
ul {
	list-style: none; /* pas d'affichage par défaut */
	padding: 0; /* ni de marge */
	margin: 0;
}

ol, ul.Liste, ul.Liste-noStyle {
	padding-left: 1.95em; /* retrait global et non de chaque li; on rajoute 1.2em de retrait multilignes */
	text-indent: -1.2em;   /* seule la première ligne revient à sa place*/
	margin-bottom: 1.5em;
	overflow: hidden;    /* contexte BFC pour éviter déformation en cas de float */
}

/* on augmente la marge pour les grands écrans */
@media (min-width: 768px) {
	ol, ul.Liste, ul.Liste-noStyle {
		padding-left: 2.7em;
	}
}

ul.Liste.mb0, ul.Liste-noStyle.mb0 {
	margin-bottom: 0em;
}

ol {
	list-style-position: inside; /* puce comprise dans le retrait */
}

ul.Liste > li::before {
	font-family: Arial, Helvetica, sans-serif; /* meilleur alignement */
	padding-right: 0.3em;  /* correspond au caractère espace */ 
	/*content: "– ";*/ /* demi-cadratin – */
	content: "\002013\000020"; /* demi-cadratin – + espace */
 }

/* listes imbriquées */
ol ol,
ol ul.Liste,
ol ul.Liste-noStyle,
ul.Liste ol,
ul.Liste ul.Liste,
ul.Liste ul.Liste-noStyle,
ul.Liste-noStyle ol,
ul.Liste-noStyle ul.Liste,
ul.Liste-noStyle ul.Liste-noStyle {
	margin-bottom: 0;
}

li {
	margin-bottom: 0;
}


/* Icônes */

.Icon::before {
  font-family: 'arial';
  speak: none;
  font-style: normal;
  font-weight: bold; /* commenté pour que les icones des liens restent bien en gras */
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Bibliothèque standard utf-8 */
/* http://www.utf8icons.com    */
ul.Icon-fleche-droite > li::before,
.Icon-fleche-droite::before			{ content: "\2192"; }
ul.Icon-fleche-vague-bi > li::before,
.Icon-fleche-vague-bi::before		{ content: "\21AD"; }
ul.Icon-fleche-bond-droite > li::before,
.Icon-fleche-bond-droite::before	{ content: "\21B7"; }
ul.Icon-fleche-bond-gauche > li::before,
.Icon-fleche-bond-gauche::before	{ content: "\21B6"; }
ul.Icon-flecheB-droite > li::before,
.Icon-flecheB-droite::before			{ content: "\2799"; font-size: 26px; position: relative; top: 3px; }
ul.Icon-flecheB-droite-up > li::before,
.Icon-flecheB-droite-up::before			{ content: "\279A"; font-size: 26px; position: relative; top: 3px; } /* color: green; } */
ul.Icon-flecheB-droite-dw > li::before,
.Icon-flecheB-droite-dw::before			{ content: "\2798"; font-size: 26px; position: relative; top: 3px; } /* color: red; } */




/* ################################################################################## */
/* ###   LAYOUT                                                                   ### */
/* ################################################################################## */

/*** HELPERS [KNAC] modifiés pour rythme vertical et horizontal + Responsive ! ***/
/* 
p,m = padding,margin
a,h,v,t,r,b,l = all, horizontal, vertical ,top, right, bottom, left
s,n,l,0,n = small, normal, large, 0, none (annulation)
R = responsive: marges réduites sur petits écrans;
*/

/* Largeurs % */
.wauto { width: auto;      }
.w10   { width:  10%;      }
.w20   { width:  20%;      }
.w25   { width:  25%;      }
.w30   { width:  30%;      }
.w33   { width:  33.3333%; }
.w40   { width:  40%;      }
.w50   { width:  50%;      }
.w60   { width:  60%;      }
.w66   { width:  66.6666%; }
.w70   { width:  70%;      }
.w75   { width:  75%;      }
.w80   { width:  80%;      }
.w90   { width:  90%;      }
.w100  { width: 100%;      }

/* Largeurs minimum en em */
.mw10e { min-width: 10em;  }
.mw12e { min-width: 12em;  }
.mw14e { min-width: 14em;  }


/* margin */
.ma0 { margin: 0;      }
.mas { margin: 0.75em; }  /* 1/2 ligne */
.mam { margin: 1.5em;  }  /* rythme vertical */
.mal { margin: 3em;    }  /* double ligne */

.mh0 { margin-left: 0; margin-right: 0;           }
.mhs { margin-left: 0.75em; margin-right: 0.75em; } /* éq. Content-full ! */
.mhm { margin-left: 1.5em; margin-right: 1.5em;   }
.mhl { margin-left: 3em; margin-right: 3em;       }

.mv0 { margin-top: 0; margin-bottom: 0;           }
.mvs { margin-top: 0.75em; margin-bottom: 0.75em; }
.mvm { margin-top: 1.5em; margin-bottom: 1.5em;   }
.mvl { margin-top: 3em; margin-bottom: 3em;       }

.ml0 { margin-left: 0;      }
.mls { margin-left: 0.75em; }
.mlm { margin-left: 1.5em;  }
.mll { margin-left: 3em;    }

.mr0 { margin-right: 0;      }
.mrs { margin-right: 0.75em; }
.mrm { margin-right: 1.5em;  }
.mrl { margin-right: 3em;    }

.mtn { margin-top: -1.5em; }  /* annulation marge bottom de base */
.mt0 { margin-top: 0;      }
.mts { margin-top: 0.75em; }  /* 1/2 ligne */
.mtm { margin-top: 1.5em;  }  /* rythme vertical */
.mtl { margin-top: 3em;    }  /* double ligne */

.mb0 { margin-bottom: 0; }
.mbs { margin-bottom: 0.75em; }  /* 1/2 ligne */
.mbm { margin-bottom: 1.5em;  }  /* rythme vertical */
.mbl { margin-bottom: 3em;    }  /* double ligne */


/* margin Responsive */
.mlsR { margin-left: 0em;    }
.mlmR { margin-left: 0.75em; }
.mllR { margin-left: 1.5em;  }

.mrsR { margin-right: 0em;    }
.mrmR { margin-right: 0.75em; }
.mrlR { margin-right: 1.5em;  }

@media (min-width: 768px) {
	.mlsR { margin-left: 0.75em; }
	.mlmR { margin-left: 1.5em;  }
	.mllR { margin-left: 3em;    }

	.mrsR { margin-right: 0.75em; }
	.mrmR { margin-right: 1.5em;  }
	.mrlR { margin-right: 3em;    }
}


/* padding */
.pa0 { padding: 0;      }
.pas { padding: 0.75em; }  /* 1/2 ligne */
.pam { padding: 1.5em;  }  /* rythme vertical */
.pal { padding: 3em;    }  /* double ligne */

.ph0 { padding-left: 0; padding-right: 0;           }
.phs { padding-left: 0.75em; padding-right: 0.75em; }
.phm { padding-left: 1.5em; padding-right: 1.5em;   }
.phl { padding-left: 3em; padding-right: 3em;       }

.pv0 { padding-top: 0; padding-bottom: 0;           }
.pvs { padding-top: 0.75em; padding-bottom: 0.75em; }
.pvm { padding-top: 1.5em; padding-bottom: 1.5em;   }
.pvl { padding-top: 3em; padding-bottom: 3em;       }

.pl0 { padding-left: 0;      }
.pls { padding-left: 0.75em; }
.plm { padding-left: 1.5em;  }
.pll { padding-left: 3em;    }

.pr0 { padding-right: 0;      }
.prs { padding-right: 0.75em; }
.prm { padding-right: 1.5em;  }
.prl { padding-right: 3em;    }

.pt0 { padding-top: 0;      }
.pts { padding-top: 0.75em; }  /* 1/2 ligne */
.ptm { padding-top: 1.5em;  }  /* rythme vertical */
.ptl { padding-top: 3em;    }  /* double ligne */

.pb0 { padding-bottom: 0;      }
.pbs { padding-bottom: 0.75em; }  /* 1/2 ligne */
.pbm { padding-bottom: 1.5em;  }  /* rythme vertical */
.pbl { padding-bottom: 3em;    }  /* double ligne */


/* padding Responsive */
.plsR { padding-left: 0em;    }
.plmR { padding-left: 0.75em; }
.pllR { padding-left: 1.5em;  }

.prsR { padding-right: 0em;    }
.prmR { padding-right: 0.75em; }
.prlR { padding-right: 1.5em;  }

@media (min-width: 768px) {
	.plsR { padding-left: 0.75em; }
	.plmR { padding-left: 1.5em;  }
	.pllR { padding-left: 3em;    }

	.prsR { padding-right: 0.75em; }
	.prmR { padding-right: 1.5em;  }
	.prlR { padding-right: 3em;    }
}

/* display */
.inbl  { display: inline-block; vertical-align: top; }
.block { display: block; }



/*** VISIBILITE ***/

/* invisible pour tous */
.is-hidden,
[hidden],
.print {
	display: none !important;
}





/* ################################################################################## */
/* ###   EASYADMINBUNDLE                                                          ### */
/* ################################################################################## */

span.fluo {
	background: #FF9;
	color: black;
}


/*** MENU ***/

.main-sidebar {
	font-size: 14px;
}

/* désactivation selection niveau2 */
li.menu2-desactive>a {
	border-left-color: transparent !important;
	background: #333 !important;
}

/* décalage niveau 3*/
.treeview .treeview-menu .treeview .treeview-menu a {
	padding-left: 50px;
}



/*** Titres ***/

.title {
	padding: 10px;
	background: #205081;
	color: white;
}

.title.profil {
	background-color: #205081;
}

.title.sante {
	background-color: #5cb85c;
}

.title.aps {
	background-color: #ff5500;
}

.title.evenement {
	background-color: #ffd200;
	color: black;
}


.title.erreur {
	background-color: #dd4b39;
}

.title.login {
	margin-top: 0;
	font-size: 1.125em;
	/*margin-left: 10%;
	margin-right: 10%;*/
	max-width: 600px;
	font-weight: normal;
	background-color: #5cb85c;
	line-height: 1.5em;
}

.title.login .big {
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
}

.title.login p.left {
	text-align: left;
	margin-left: 50px;
}

/*** Bouton ***/

/*-----------------------------*/
/* BOUTONS - Btn               */
/* v0.3 {13/11/2017}           */
/*-----------------------------*/

.btn {
	/* font-weight: bold; */
	border: solid 1px #aaa;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(0,0,0,.2); 
	text-shadow: 0 1px 1px rgba(51,51,51,.3);
	-webkit-tap-highlight-color: transparent; /* FIX surlignement gris Safari et Chrome */
	user-select: none;                        /* empèche la sélection */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.btn[disabled],
button[disabled] {
  cursor: default;
}

button {
	font-size: inherit;
	font-family: inherit;
	line-height: 1.5;
	overflow: visible;          /* FIX Edge [NORM] */
	text-transform: none;       /* FIX Edge, FF [NORM] */
	-webkit-appearance: button; /* FIX IOS, Safari [NORM] */
}
button::-moz-focus-inner {      /* FIX FF bordure interieure [NORM] */
	border-style: none;
	padding: 0;  
}

.btn-wm {
	min-width: 7em;
}

/* Effets */

.btn:hover,
.btn:focus,
.btn:active {
	border: solid 1px #888;
	box-shadow: none;
	text-shadow: 0 -1px 1px rgba(51,51,51,.3);
	filter: brightness(0.90);
}



.btn-success {
	background-color: #5cb85c;
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover,
.btn-success.active,
.btn-success:active {
	background-color: #5cb85c;
}




.btn-warning {
	color:#fff;
	background-color:#f0ad4e;
	border-color:#eea236
}

.btn-warning.focus,
.btn-warning:focus {
	color:#fff;
	background-color:#ec971f;
	border-color:#985f0d
}

.btn-warning:hover {
	color:#fff;
	background-color:#f0ad4e;
	background-color:#ec971f;
	border-color:#d58512
}

.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
	color:#fff;
	background-color:#ec971f;
	border-color:#d58512
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
	color:#fff;
	background-color:#d58512;
	border-color:#985f0d
}

.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
	background-image:none
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
	background-color:#f0ad4e;
	border-color:#eea236
}

.btn-warning .badge {
	color:#f0ad4e;background-color:#fff
}

.btn-santé,
.btn-santé:focus,
.btn-santé:active,
.btn-santé:hover,
.btn-santé:active:focus,
.btn-santé:active:hover {
	color:#fff;
	background-color:#5cb85c;
	border-color:#5cb85c
}

.btn-aps,
.btn-aps:focus,
.btn-aps:active,
.btn-aps:hover,
.btn-aps:active:focus,
.btn-aps:active:hover {
	color:#fff;
	background-color:#ff5500;
	border-color:#ff5500
}





/* ################################################################################## */
/* ###   FOSUSERBUNDLE                                                            ### */
/* ################################################################################## */

body#auth .wrapper {
	background: #F5F5F5;
}

body#auth .content-wrapper {
	margin-left: 0;
}

body#auth .content-header {
	display: none;
}

body#auth header.main-header,
body#auth aside.main-sidebar {
	display: none;
}

body#auth #main .box {
	margin: 0 auto;
	max-width: 95%;
	padding: 1em;
	width: 600px
}

body#auth #main .box--primary {
	background: #FFF;
	border: 1px solid #EEE;
	box-shadow: 0 0 3px #CCC;
	padding: 2em;
}

body#auth #main .box--secondary {
	background: transparent;
	border: 0;
	box-shadow: none;
}

body#auth #main .box h1 {
	font-size: 21px;
	font-weight: bold;
	margin: 0 0 .5em;
}

body#auth #main .box a {
	font-weight: bold;
	text-decoration: underline;
}

body#auth #main .box code {
	background: #F0F0F0;
	color: inherit;
}


@media (min-width: 768px) {
	body#auth #main .box {
		margin-top: 1em;
	}
	body#auth #main .box h1 {
		font-size: 24px;
	}
}





/* ################################################################################## */
/* ###   MYTWYT                                                                   ### */
/* ################################################################################## */

/*** Panel ***/

.panel-heading {
	font-size: 1.25em;
}

.panel-heading.small {
	font-size: 1em; /* 1.25 * 0.8 */
}

.panel-heading .small {
	font-size: 0.64em; /* 0.8 / 1.25 */
}


/*** Indicateurs ***/

.Indic {
	max-width: 323px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	border: solid 1px #006191;
	border-radius: 15px 15px 8px 8px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

@media (min-width: 992px) {
	.Indic {
		display: inline-block;
		vertical-align: top;
		width: 323px;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 40px;
		/*border: solid 1px #888;*/
		/*border-radius: 15px 15px 8px 8px;*/
		/*box-shadow: 0 1px 1px rgba(0,0,0,0.1);*/
	}
}

@media (min-width: 1032px) {
	.Indic {
		margin-left: 30px;
		margin-right: 30px;
	}
}

@media (min-width: 1360px) {
	.Indic {
		margin-left: 20px;
		margin-right: 20px;
	}
}

@media (min-width: 1420px) {
	.Indic {
		margin-left: 30px;
		margin-right: 30px;
	}
}


.Indic-header {
	padding: 10px;
	text-align: center;
	font-size: 1.125em;
	line-height: 1;
	color: white;
	border-radius: 13px;
	background-color: #006191;
}

.Indic-body {
	padding: 10px;
}

.Indic-body > .row {
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.Indic-body > .row > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.Indic-body figure > img {
	width: 32px;
	height: 32px;
}

.Indic-comment > span {
	position: relative;
	top: -5px;
	display: inline-block;
	min-width: 17px;
	text-align: center;
}

.Indic-comment > i {
	position: relative;
	left: -28px;
	top: 0px;
	font-size: 30px;
}



/*** progress ***/

.progress {
	margin-bottom: 15px;
	overflow: visible;
}

.progress.cursor {
	height: 30px;
	margin-bottom: 0px;
	cursor: pointer;
}

.progress-bar {
	background-color: #99ccff;
	position: relative;
}

.progress-bar > i {
	font-size: 1.8em;
	position: absolute;
	right: -0.5em;
	top: -1.0em;
	color: #0066ff;
}

.border { border: 1px solid; }

.progress.old {
	position: relative;
	top: 0.55em;
}

.progress.old > .progress-bar {
	background-color: #ddd;
	
}
.eva-old {
	position: relative;
	top: 1.3em; 
	font-style: italic;
	font-size: 0.8em;
	color: #999;
}

/* Coches */

.coche {
 	position: absolute;
 	left: calc(50% - 1px);
 	display : inline-block;
	width : 1px;
	height : 7px;
	background-color: black;
	opacity: 0.25;
}


.coche.bas { top: 23px; }
.coche.strong { opacity: 1; height : 10px; }
.coche.strong.bas { top: 20px; }

.coche.p0 { left: calc(15px); }
.coche.p10 { left: calc(15px + (100% - 30px) * 0.10 - 1px); }
.coche.p20 { left: calc(15px + (100% - 30px) * 0.20 - 1px); }
.coche.p25 { left: calc(15px + (100% - 30px) * 0.25 - 1px); }
.coche.p30 { left: calc(15px + (100% - 30px) * 0.30 - 1px); }
.coche.p40 { left: calc(15px + (100% - 30px) * 0.40 - 1px); }
.coche.p50 { left: calc(15px + (100% - 30px) * 0.50 - 1px); }
.coche.p60 { left: calc(15px + (100% - 30px) * 0.60 - 1px); }
.coche.p70 { left: calc(15px + (100% - 30px) * 0.70 - 1px); }
.coche.p75 { left: calc(15px + (100% - 30px) * 0.75 - 1px); }
.coche.p80 { left: calc(15px + (100% - 30px) * 0.80 - 1px); }
.coche.p90 { left: calc(15px + (100% - 30px) * 0.90 - 1px); }
.coche.p100 { left: calc(100% - 15px - 1px); }



/*** Couleurs ***/

.Indic-C-indicateurs-qpre-sommeil { border-color: #006191; }
.Indic-C-indicateurs-qpre-sommeil .Indic-header { background-color: #006191; }

.Indic-C-indicateurs-qpre-forme { border-color: #1CB599; }
.Indic-C-indicateurs-qpre-forme .Indic-header { background-color: #1CB599; }

.Indic-C-indicateurs-qtravail-satisfaction,
.Indic-C-indicateurs-qaps-satisfaction { border-color: #ED2F62; }
.Indic-C-indicateurs-qtravail-satisfaction .Indic-header,
.Indic-C-indicateurs-qaps-satisfaction .Indic-header { background-color: #ED2F62; }
.Indic-C-indicateurs-satisfaction { border-color: #ED2F62; }
.Indic-C-indicateurs-satisfaction .Indic-header { background-color: #ED2F62; }


.Indic-C-indicateurs-qtravail-energie,
.Indic-C-indicateurs-qaps-energie { border-color: #FFC700; }
.Indic-C-indicateurs-qtravail-energie .Indic-header,
.Indic-C-indicateurs-qaps-energie .Indic-header { background-color: #FFC700; }


.Indic-encourageante { border-color: #5cb85c; }
.Indic-encourageante .Indic-header { background-color: #5cb85c; }
.Indic-prévention { border-color: #dd4b39; }
.Indic-prévention .Indic-header { background-color: #dd4b39; }


.cursor.sommeil > .progress-bar { background-color: #99ccff; }
.cursor.sommeil > .progress-bar > i { color: #99ccff; }
.cursor.satisfaction > .progress-bar { background-color: #ED2F62; }
.cursor.satisfaction > .progress-bar > i { color: #ED2F62; }
.cursor.formePhy > .progress-bar,
.cursor.nrjPhy > .progress-bar { background-color: #006191; }
.cursor.formePhy > .progress-bar > i,
.cursor.nrjPhy > .progress-bar > i { color: #006191; }
.cursor.formeMen > .progress-bar,
.cursor.nrjMen > .progress-bar { background-color: #1CB599; }
.cursor.formeMen > .progress-bar > i,
.cursor.nrjMen > .progress-bar > i { color: #1CB599; }

.Indic-0 { border-color: #1CB599; }
.Indic-0 .Indic-header { background-color: #1CB599; }
.Indic-1 { border-color: #ED2F62; }
.Indic-1 .Indic-header { background-color: #ED2F62; }
.Indic-2 { border-color: #FFC700; }
.Indic-2 .Indic-header { background-color: #FFC700; }
.Indic-3 { border-color: #006191; }
.Indic-3 .Indic-header { background-color: #006191; }