html {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	height: 100%;
	margin: 0;
	overscroll-behavior: none;
}

/*** CLASSE CSS ***/

/* ANIMATIONS */

.co_anim_expand_collapse {
	transition-property: all;
	transition-duration: 200ms;
	transition-timing-function: cubic-bezier(0, 0.82, 0, 1);
}

@keyframes loader {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes loader_bounce {
	0%, 100% {
		transform: scale(0);
	}
	50% {
		transform: scale(1);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}
	50% {
		-webkit-transform: scale(0.99);
		transform: scale(0.99);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		visibility: visible;
	}
}

.co_Autres {
	background-color: rgb(241, 241, 241);
	border: 1px solid #d2d2d2;
	color: #000;
}

.co_Autres:hover {
	background-color: #d2d2d2;
}

.co_AvatarMan {
	background-image: url(../../Images/Header/person-man-85.png);
}

.co_AvatarWomen {
	background-image: url(../../Images/Header/person-female-85.png);
}

.co_Avatar_Initiales {
	left: 50%;
	top: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}

.co_Avatar_Initiales.size1 {
	font-size: 25px;
}

.co_Avatar_Initiales.size2 {
	font-size: 35px;
}

.co_Avatar_Initiales.size3 {
	font-size: 45px;
}

.co_Avatar_Initiales.size4 {
	font-size: 18px;
}

.co_Avatar_Initiales.size5 {
	font-size: 14px;
}

.co_Avatar_Initiales.size6 {
	font-size: 10px;
	font-weight: 700;
}


.co_Avatar_Ctn {
	position: relative;
	/* border: 2px solid white; */
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	box-sizing: border-box;
}

.co_Avatar_StatutPres {
	position: absolute;
	bottom: -5px;
	left: -5px;
	border: 2px solid #FFF;
	box-sizing: border-box;
	border-radius: 50%;
}

.co_Avatar_StatutPres.size1 {
	width: 20px;
	height: 20px;
}

.co_Avatar_StatutPres.size2 {
	width: 25px;
	height: 25px;
}

.co_Avatar_StatutPres.size3 {
	width: 30px;
	height: 30px;
}

.co_Avatar_StatutPres.size4 {
	width: 18px;
	height: 18px;
}

.co_Avatar_StatutPres.size5, .co_Avatar_StatutPres.size6 {
	width: 15px;
	height: 15px;
}

.co_Avatar_ChangeUser{
	position: absolute;
    bottom: -5px;
    right: -5px;
    box-sizing: border-box;
	border-radius: 50%;
	background-color: #f1c40f;
    background-image: url(../../Images/Commun_V10/arrows-exchange.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.co_Avatar_ChangeUser.size1{
	width: 18px;
    height: 18px;
}
.co_Avatar_ChangeUser.size2{
	width: 30px;
	height: 30px;
	bottom: -6px;
    right: -3px;
}
.co_Avatar_ChangeUser.size3{
	width: 18px;
    height: 18px;
}
.co_Avatar_ChangeUser.size4{
	width: 22px;
	height: 22px;
    bottom: -4px;
    right: -4px;
}
.co_Avatar_ChangeUser.size5{
	width: 18px;
    height: 18px;
}
.co_Avatar_ChangeUser.size6{
	width: 18px;
	height: 18px;
	bottom: -5px;
    right: -5px;
}

/* BADGE */

.co_Badge {
	height: 20px;
	border-radius: 10px;
	text-align: center;
	line-height: 20px;
	padding: 0 8px 0 8px;
}

/* BACKGROUND COULEURS */

.co_BgColorRed {
	background-color: #f44336 !important;
}

.co_BgColorPink {
	background-color: #e91e63 !important;
}

.co_BgColorPurple {
	background-color: #9c27b0 !important;
}

.co_BgColorDeeppurple {
	background-color: #673ab7 !important;
}

.co_BgColorIndigo {
	background-color: #3f51b5 !important;
}

.co_BgDarkBlue {
	background-color: #2f4f6b !important;
}

.co_BgColorBlueDark-1 {
	background-color: #3d688a !important;
}

.co_BgColorBlue {
	background-color: #2196f3 !important;
}

.co_BgColorLightBlue {
	background-color: #03a9f4 !important;
}

.co_BgColorCyan {
	background-color: #00bcd4 !important;
}

.co_BgColorTeal {
	background-color: #009688 !important;
}

.co_BgColorGreen {
	background-color: #4caf50 !important;
}

.co_BgColorLightGreen {
	background-color: #8bc34a !important;
}

.co_BgColorLime {
	background-color: #cddc39 !important;
}

.co_BgColorYellow {
	background-color: #ffeb3b !important;
}

.co_BgColorYellowDark {
	background-color: #e8bd0d !important;
}

.co_BgColorAmber {
	background-color: #ffc107 !important;
}

.co_BgColorOrange {
	background-color: #ff9800 !important;
}

.co_BgColorDeepOrange {
	background-color: #ff5722 !important;
}

.co_BgColorBrown {
	background-color: #795548 !important;
}

.co_BgColorGray {
	background-color: #9e9e9e !important;
}

.co_BgColorLightGray {
	background-color: #f7f7f7 !important;
}

.co_BgColorBlueGray {
	background-color: #607d8b !important;
}

.co_BgColorBlack {
	background-color: #000 !important;
}

.co_BgColorWhite {
	background-color: #fff !important;
}

/* Utile pour signifier que la data n'est pas encore sauvegardé (ex: saisie de masse, traduction) */

.co_BgDataNoSave {
	background-color: rgba(33, 150, 243, 0.20) !important;
}

/* Button action */

.co_BtnAction {
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 60px;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 0;
	opacity: 0.8;
	overflow: hidden;
	transition: padding 150ms, font-size 100ms, opacity 100ms ease-in-out;
}

.co_BtnAction:hover {
	font-size: 16px;
	cursor: pointer;
	opacity: 1;
}

.co_BtnActionTextLeft {
	background-position: right 18px center;
	text-align: left;
}

.co_BtnActionTextLeft:hover {
	padding: 0 55px 0 25px;
}

.co_BtnActionTextRight {
	background-position: 18px center;
	text-align: right;
}

.co_BtnActionTextRight:hover {
	padding: 0 25px 0 55px;
}

.co_BtnActionSmall {
	width: 35px !important;
	height: 35px !important;
	line-height: 35px !important;
	border-radius: 35px !important;
}

.co_BtnActionSmall:hover {
	font-size: 14px !important;
}

.co_BtnActionSmallTextLeft {
	background-position: right 6px center;
	text-align: left;
}

.co_BtnActionSmallTextLeft:hover {
	padding: 0 35px 0 20px;
}

.co_BtnActionSmallTextRight {
	background-position: 6px center;
	text-align: right;
}

.co_BtnActionSmallTextRight:hover {
	padding: 0 20px 0 35px;
}

.co_BtnAjoutRond {
	background-color: rgba(47, 79, 107, 1);
	background-image: url(../../Images/Commun/add_white.svg);
}

.co_BtnAnnulationRond {
	background-color: #9e9e9e;
	background-image: url(../../Images/Commun/close_white.svg);
}

.co_BtnEditRond {
	background-color: rgba(47, 79, 107, 1);
	background-image: url(../../Images/Commun/pencil_button_white.svg);
	background-size: 14px;
	background-position: 10px center;
}

@media (max-width: 768px) {
	.co_BtnAction:hover {
		font-size: 0 !important;
		min-width: 0 !important;
	}
	.co_BtnActionTextLeft:hover {
		padding: 0 !important;
	}
	.co_BtnActionSmallTextLeft:hover {
		padding: 0 !important;
	}
	.co_BtnActionTextRight:hover {
		padding: 0 !important;
	}
	.co_BtnActionSmallTextRight:hover {
		padding: 0 !important;
	}
}

/* BOUTON */

/* Button type connexion */

.co_BtnActualise {
	background-color: rgba(47, 79, 107, 1);
	background-image: url(../../Images/Commun_V10/refresh_white.svg);
}

.co_BtnConnexion {
	position: relative;
	width: 100%;
	float: left;
	height: 60px;
	margin-top: 30px;
	background-color: #2f4f6b;
	border-radius: 4px;
	color: white;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	border: 1px solid #2f4f6b;
	box-sizing: border-box;
	cursor: pointer;
	transition: 300ms background-color ease-out;
	-webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.co_BtnConnexion:hover {
	background-color: transparent;
	color: #2f4f6b;
	cursor: pointer;
}

.co_BtnConnexionEnCours {
	background-color: transparent !important;
	color: #2f4f6b !important;
}

.co_BtnConnexion>.loader {
	width: 30px;
	height: 30px;
	animation: loader 1.7s linear infinite;
}

.co_BtnConnexion>.loader::before {
	content: "";
	position: absolute;
	top: 0;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: #2f4f6b;
	animation: loader_bounce 1.7s ease-in-out infinite;
}

.co_BtnConnexion>.loader::after {
	content: "";
	position: absolute;
	top: 0;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: #2f4f6b;
	animation: loader_bounce 1.7s ease-in-out infinite;
	top: auto;
	bottom: 0;
	animation-delay: -0.8s;
}

.co_BtnBackwardRond {
	background-color: rgba(47, 79, 107, 1);
	background-image: url(../../Images/Commun_V10/arrow_back.svg);
	background-position: 22px center;
}

.co_BtnEnregistrementRond {
	background-image: url(../../Images/Commun_V10/Save_white.svg);
	background-color: #4caf50;
}

.co_BtnEnregistrementRond:hover {
	min-width: 85px;
}

.co_BtnForwardRond {
	background-color: rgba(47, 79, 107, 1);
	background-image: url(../../Images/Commun_V10/arrow_forward.svg);
}

.co_BtnSuppression {
	background-color: #f26c4f;
	border: 1px solid #ed1c24;
	background-image: url(../../Images/Commun_V10/delete-white.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
}

.co_BtnSuppression:hover {
	background-color: #ed1c24;
}

.co_BtnSuppressionRond {
	background-color: #f44336;
	background-image: url(../../Images/Commun_V10/delete-white.svg);
}

.co_BtnValidation {
	background-color: rgba(47, 79, 107, 0.8);
	border: 1px solid rgba(47, 79, 107, 1);
	color: #fff;
}

.co_BtnValidation:hover {
	background-color: rgba(47, 79, 107, 1);
}

.co_BtnValidationRond {
	background-color: rgba(47, 79, 107, 1);
	background-image: url(../../Images/Commun/check_white.svg);
}

/* Button group */

.co_ButtonGroup {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 34px;
	line-height: 34px;
	border-radius: 5px;
	color: #757575;
	text-align: center;
}

.co_ButtonGroup>li {
	float: left;
	height: 100%;
	background-color: #eaeaea;
	border-bottom: 1px solid #969696;
	border-top: 1px solid #969696;
	border-left: 1px solid #969696;
	box-sizing: border-box;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: background-color 100ms ease-in-out;
}

.co_ButtonGroup.NoUpperCase>li {
	text-transform: capitalize !important;
}

.co_ButtonGroup>li:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.co_ButtonGroup>li:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-right: 1px solid #969696;
}

.co_ButtonGroup>li:hover {
	background-color: #ededed;
}

.co_ButtonGroup>.co_Selected {
	background-color: #597289;
	color: #fff;
}

.co_ButtonGroup>.co_Selected:hover {
	background-color: #597289;
}

.co_Cache {
	display: none !important;
	visibility: hidden !important;
}

.co_CacheHeightPadding {
	height: 0 !important;
	padding: 0 !important;
}

.co_CacheLeft {
	height: 0 !important;
	margin-left: -105% !important;
}

.co_CacheRight {
	height: 0 !important;
	margin-left: 105% !important;
}

/* CAROUSEL */

.co_Carousel {
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
}

.co_Carousel>.Hz_liste {
	height: 100%;
	transition: transform 200ms cubic-bezier(0, 0.82, 0, 1);
}

.co_Carousel>.Hz_liste::after {
	content: "";
	clear: both;
	display: table;
}

.co_Carousel>.Hz_liste>.Hz_main {
	height: 100%;
	width: 100%;
}

.co_Carousel>.Hz_liste>.Hz_main>.active {
	opacity: 1 !important;
	transform: scale3D(1.3, 1.4, 1) translate3D(0, 35%, 0) !important;
}

.co_Carousel>.Hz_liste>.Hz_main>.inactive {
	opacity: 0.5;
}

.co_Carousel>.Hz_liste>.Hz_main>.item {
	float: left;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 10px 0 10px;
	box-sizing: border-box;
	transform: scale3D(1, 1, 1) translate3D(0, 50%, 0);
	transition: all 200ms cubic-bezier(0, 0.82, 0, 1);
}

.co_CarouselListe {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 200;
	display: none;
}

.co_CarouselListe>.Vr_main {
	background-color: #fff;
	width: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 4px;
	color: #000;
	font-size: 16px;
	overflow-y: auto;
	max-height: 80%;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	-webkit-overflow-scrolling: touch;
}

.co_CarouselListe>.Vr_main>.item {
	height: 50px;
	width: 100% !important;
	text-align: left;
	padding: 17px 50px 0 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
	position: relative;
}

.co_CarouselListe>.Vr_main>.item:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.co_CarouselListe>.Vr_main>.item:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.co_CarouselListe>.Vr_main>.item:hover {
	background-color: #f1f1f1;
}

.co_CarouselListe>.Vr_main>.item:last-child {
	border: 0;
}

.co_CarouselListe>.Vr_main>.active:after {
	content: "";
	width: 15px;
	height: 15px;
	background-color: #385168;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	border-radius: 50%;
}

.co_CarouselListe>.Vr_main>.inactive:after {
	content: "";
	width: 15px;
	height: 15px;
	border: 1px solid #495057;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	border-radius: 50%;
}

@media (max-width: 768px) {
	.co_CarouselListe>.Vr_main {
		width: 90%;
	}
}

/* CENTER */

.co_Center {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/** CHECK**/

.co_CheckOnError {
	border: 2px solid #f44336;
}

/* COULEURS TEXTE*/

.co_ColorGrayTitle {
	color: #6f6f6f;
}

.co_ColorGrayText {
	color: #868686;
}

.co_ColorLightGrayText {
	color: #ababab;
}

.co_ColorBlueText {
	color: #2196f3;
}

/* COULEURS SURVOL */

.co_ColorHoverListe {
	background-color: #f3f3f3;
}

/* COULEURS DE PRESENCES */

.co_ColorAbsent {
	background-color: #e65b5b;
}

.co_ColorAbsentPartiel {
	background-color: #f1a73f;
}

.co_ColorPresent {
	background-color: #5be686;
}

.co_comboCheck .UneOption {
	display: block;
	color: #495057;
	height: 34px;
	line-height: 34px;
	padding: 5px 20px 5px 5px;
	position: relative;
}

.co_comboCheck .UneOption:hover {
	background-color: #f7f7f7;
	cursor: pointer;
}

.co_comboCheck .UneOption input[type="checkbox"] {
	vertical-align: middle;
}

.co_comboCheck .UneOption label {
	padding: 7px 10px 7px 0;
}

.co_comboCheck .UneOption div {
	display: inline-block;
}

.co_comboCheck #UneOptionChkAll {
	border-bottom: 2px solid #ced4da;
}

.co_ComboOnError {
	border: 2px solid #f44336;
}

.co_Container {
	height: 100%;
	width: 100%;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.co_CursorPointer{
	cursor: pointer;
}

/** INPUT DATE **/

.co_divDate {
	width: 100%;
	height: 34px;
}

/** Drag and Drop de fichiers **/

.co_DragAndDropCtn {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.co_DragAndDropCtn.dragOver {
	/* border: dashed #a1c9d2 4px;
	background-color: #e9fbff; */
	background-color: #2f4f6b;
	opacity: 0.8;
}

.co_DragAndDropCtn #DragAndDropLbl {
	top: 50%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 30px;
}

.co_DragAndDropCtn #DragAndDropLbl>.imgDragAndDrop {
	width: 80px;
	height: 80px;
	background-position: center;
	margin-left: 53%;
	transform: translateX(-50%) rotate(-20deg);
	background-repeat: no-repeat;
	transform-origin: bottom center;
	animation: rotationDragAndDrop 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	margin-bottom: 10px;
}

/* Button standard */

.co_form_btn {
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	box-sizing: border-box;
	transition: background-color 200ms;
	height: 30px;
	line-height: 30px;
}

.co_form_comboMultiple {
	width: 100%;
	font-size: 13px;
	line-height: 24px;
}

.co_form_comboMultiple .btnRemoveAllCheck {
	width: 18px;
	height: 18px;
	position: absolute;
	right: 30px;
	top: 8px;
	cursor: pointer;
	background-image: url(../../Images/Commun_V10/close_black.svg);
	opacity: 0.6;
	transition: opacity 0.3s ease;
	display: none;
	background-repeat: no-repeat;
	background-size: contain;
}

.co_form_comboMultiple .btnRemoveAllCheck:hover {
	opacity: 1;
}

.co_form_comboMultiple .co_comboCheck {
	display: none;
	border: 1px solid #ced4da;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top: none;
	box-sizing: border-box;
	max-height: 180px;
	overflow-y: auto;
	position: absolute;
	width: inherit;
	z-index: 99;
	background-color: white;
}

.co_form_date {
	width: 105px!important;
	float: left;
	padding: 3px 0 0 5px;
}

.co_form_date_focus {
	border-color: #2f4f6b !important;
	outline: 0;
}

.co_form_DateButton {
	background-image: url(../../Images/Commun_V10/calendar-black.svg);
	float: left;
	background-repeat: no-repeat;
	border-radius: 4px;
	box-sizing: border-box;
	height: 34px;
	padding: 5px;
	width: 34px;
	background-position: center;
	background-size: 16px;
	margin-left: -34px;
	opacity: 0.8;
	transition: opacity 0.15s ease-in-out;
	backface-visibility: hidden;
	transform: translateX(0);
}

.co_form_DateButton:hover {
	cursor: pointer;
	opacity: 1;
}

/*** INPUT ***/

.co_form_input {
	display: block;
	width: 100%;
	height: 34px;
	padding: 2px 5px 0 5px;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 4px;
	box-sizing: border-box;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type="time"].co_form_input {
	padding: 0;
}

.co_form_input:disabled {
	background-color: #e9ecef;
	opacity: 1;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.co_form_input:focus {
	border-color: #2f4f6b;
	outline: 0;
}

.co_form_input::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #a9a9a9;
	opacity: 1;
	/* Firefox */
}

.co_form_input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #a9a9a9;
}

.co_form_inputOnError {
	border-right: 2px solid #f44336 !important;
	border-bottom: 2px solid #f44336 !important;
	border-top: 2px solid #f44336 !important;
	border-left: 2px solid #f44336 !important;
}

/** INPUT MULTIPLE **/

.co_form_inputMultiple {
	width: 100%;
}

/** INPUT PERIODE */

.co_form_periode>.co_divDate {
	float: left;
	width: calc(49% - 2px);
	margin-right: 4px;
}

.co_form_periode>.co_divDate:last-of-type {
	margin-right: 0;
}

.co_form_periode>.co_divDate>.co_form_date {
	width: 100% !important;
	font-size: 12px;
}

/**** COMBOBOX ****/

.co_form_selected {
	display: block;
	width: 100%;
	height: 34px;
	padding: 5px 20px 5px 5px;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 4px;
	box-sizing: border-box;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background: #fff url(../../Images/Commun_V10/arrow_drop_down.svg) no-repeat right 0 center;
	background-size: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.co_form_selected:disabled {
	height: 34px;
	background-color: #e9ecef;
	opacity: 1;
}

.co_form_selected_disabled {
	height: 34px;
	background-color: #e9ecef;
	opacity: 1;
}

.co_form_selected::-ms-expand {
	display: none;
}

.co_form_selected:focus {
	border-color: #2f4f6b;
	outline: 0;
}

.co_form_selected_focus {
	border-color: #2f4f6b;
}

.co_form_selected>option {
	font-size: 14px;
}

/* TAG */

.co_form_tag {
	float: left;
	border-radius: 20px;
	padding: 5px 14px 5px 10px;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	font-size: 12px;
	margin: 5px 0 5px 5px;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	cursor: pointer;
}

.co_form_tag.BorderTag {
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.co_form_tag_btn_add {
	background-image: url(../../Images/Commun/add_brown.svg);
	background-position: center -2px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	width: 20px;
	height: 19px;
	top: 2px;
	left: 1px;
}

.co_form_tag_ctn_add {
	border: 1px dashed #868686;
	padding-left: 20px;
	box-sizing: border-box;
}

.co_form_tag_ctn_add:hover {
	box-shadow: 0 0 0 0 !important;
}

.co_form_tag.delete {
	padding: 5px 30px 5px 10px;
}

.co_form_tag:hover {
	/* padding: 5px 30px 5px 10px; */
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.co_form_tag>.TagCross {
	position: absolute;
	background-position: center;
	background-size: 13px;
	width: 12px;
	height: 12px;
	padding: 10px 10px 10px 5px;
	background-repeat: no-repeat;
	right: 0;
	cursor: pointer;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.7;
	transition: opacity 0.3s ease;
	/* display:none; */
}

.co_form_tag>.TagCross.TagCrossWhite {
	background-image: url(../../Images/Commun/close_white.svg);
}

.co_form_tag>.TagCross.TagCrossBlack {
	background-image: url(../../Images/Commun/close_black.svg);
}

.co_form_tag>.TagCross:hover {
	opacity: 1;
}

.co_form_tag_disabled {
	opacity: 0.3;
	cursor: default !important;
}

.co_form_tag_disabled:hover {
	box-shadow: 0 0 0 0 !important;
}

.co_form_tag_disabled>.TagCross {
	cursor: default !important;
}

/*** TEXT AREA ***/

.co_form_textarea {
	display: block;
	width: 100%;
	min-height: 80px;
	padding: 5px;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 4px;
	box-sizing: border-box;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.co_form_textarea:disabled {
	height: 34px;
	background-color: #e9ecef;
	opacity: 1;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.co_form_textarea:focus {
	border-color: #2f4f6b;
	outline: 0;
}

/** TYPE CHAMP GENERAL */

.co_form_UneErreur {
	color: #f44336;
	font-size: 12px;
	margin-top: 2px;
}

.co_form_UneErreur_Icon {
	background-image: url(../../Images/Commun/error.svg);
	border-radius: 4px;
	background-position: center;
	width: 25px;
	height: 25px;
	background-size: 25px;
	background-repeat: no-repeat;
}

.co_GelMenu {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background-color: rgba(0, 0, 0, 0.70);
	z-index: 6;
	transition: 200ms background-color cubic-bezier(0, 0.82, 0, 1);
}

/* PRESENTATEUR D'IFRAME */

.co_GlobalContainer {
	height: 100%;
	margin: 0;
	box-sizing: border-box;
	padding: 10px;
}

.co_GlobalContainerWithDock {
	height: 100%;
	margin: 0;
	box-sizing: border-box;
	padding: 10px;
}

.co_Height0 {
	height: 0 !important;
}

/* ICONES POUR LES MENUS */

.co_icoMnuHBoard {
	background-image: url(../../Images/Menus_V10/HBoard.svg);
}

.co_icoMnuMesDemandes {
	background-image: url(../../Images/Menus_V10/MesDemande.svg);
}

.co_icoMnuGestionAbsence {
	background-image: url(../../Images/Menus_V10/Gestion-absences.svg);
}

.co_icoMnuGestionAdmin {
	background-image: url(../../Images/Menus_V10/Gestion-administrative.svg);
}

.co_icoMnuGestionTemps {
	background-image: url(../../Images/Menus_V10/Gestion-temps.svg);
}

.co_icoMnuPaie {
	background-image: url(../../Images/Menus_V10/Paie.svg);
}

.co_icoMnuPlanification {
	background-image: url(../../Images/Menus_V10/Planification.svg);
}

.co_icoMnuReporting {
	background-image: url(../../Images/Menus_V10/Reporting.svg);
}

.co_icoMnuTraitement {
	background-image: url(../../Images/Menus_V10/Traitement.svg);
}

.co_imgAccountSupervisorWhite {
	background-image: url(../../Images/UserConfig/Account-supervisor-white.svg);
}

.co_imgChevronLeft {
	background-image: url(../../Images/UserConfig/Chevron_white.svg);
}

.co_imgExternalLinkWhite {
	background-image: url(../../Images/UserConfig/External-link-white.svg);
}

.co_imgHBoardWhite {
	background-image: url(../../Images/UserConfig/HBoard-white.svg);
}

.co_imgHelpWhite {
	background-image: url(../../Images/UserConfig/Help-outline-white.svg);
}

.co_imgInfosWhite {
	background-image: url(../../Images/UserConfig/Information-outline-white.svg);
}

.co_imgUserWhite {
	background-image: url(../../Images/UserConfig/User-white.svg);
}

.co_imgSettingWhite {
	background-image: url(../../Images/UserConfig/Setting-white.svg);
}

/** IMAGE  COMMENTAIRE **/

.imgCommentaire {
	background-image: url(../../Images/Main/CommentEvent.png);
}

.imgCommentaire:hover {
	background-image: url(../../Images/Main/CommentEventON.png);
}

.imgCommentaireActif {
	background-image: url(../../Images/Main/CommentEventActif.png);
}

.imgCommentaireActif:hover {
	background-image: url(../../Images/Main/CommentEventActifON.png);
}

.imgCommentNoComment {
	background-image: url(../../Images/Contexte/imgCommentaireNoComment.png);
}

.imgDownloadWhite {
	background-image: url(../../Images/GED/download_button.svg);
}

.imgDragAndDrop {
	background-image: url(../../Images/Commun_V10/HandGestureDrag&Drop.svg);
}

/* IMAGE INFOS */

.imgInfos {
	background-image: url(../../Images/GED/infos_button.svg);
}

.imgInfosBlack {
	background-image: url(../../Images/GED/infos_button_black.svg);
}

/** IMAGE PIECE JOINTE **/

.imgPieceJointe {
	background-image: url(../../Images/Main/imgPieceJointe.png);
}

/** IMAGE POUBELLE **/

.imgPoubelle {
	background-image: url(../../Images/Commun_V10/delete-black.svg);
	opacity: 0.6;
}

.imgPoubelle:hover {
	background-image: url(../../Images/Commun_V10/delete-red.svg);
	opacity: 1;
}

.imgPoubelleWhite {
	background-image: url(../../Images/Commun_V10/delete-white.svg);
}

/*** IMAGE SETTINGS ***/

.imgSetting {
	background-image: url(../../Images/Main/Settings.png);
}

/*********************** ICONE STATUT JOURNEE ************************/

.imgStatutAnomalie {
	background-image: url(../../Images/Main/PlanningAnnuel/icon_statut_journee_anomalie.png);
}

.imgStatutAnomalieDroit {
	background-image: url(../../Images/Main/PlanningAnnuel/icon_statut_journee_anomalie_droit.png);
}

.imgStatutCession {
	background-image: url(../../Images/Main/PlanningAnnuel/icon_statut_journee_cession.png);
}

.imgStatutCloture {
	background-image: url(../../Images/Main/PlanningAnnuel/icon_statut_journee_cloture.png);
}

.imgStatutCommentaire {
	background-image: url(../../Images/Main/PlanningAnnuel/icon_statut_journee_commentaire.png);
}

.imgStatutControle {
	background-image: url(../../Images/Main/PlanningAnnuel/icon_statut_journee_controle.png);
}

.imgStatutDeclare {
	background-image: url(../../Images/Main/PlanningAnnuel/icon_statut_journee_declare.png);
}

.imgStatutHistorise {
	background-image: url(../../Images/Main/PlanningAnnuel/icon_statut_journee_historise.png);
}

.imgStatutHorsContrat {
	background-image: url(../../Images/Main/PlanningAnnuel/icon_statut_journee_hors_contrat.png);
}

.imgStatutPlanifie {
	background-image: url(../../Images/Main/PlanningAnnuel/icon_statut_journee_planifie.png);
}

.imgStatutTransfere {
	background-image: url(../../Images/Main/PlanningAnnuel/icon_statut_journee_transfere.png);
}

.imgStatutValide {
	background-image: url(../../Images/Main/PlanningAnnuel/icon_statut_journee_valide.png);
}

.co_input50 {
	height: 22px;
	width: 50px;
}

.co_input100 {
	height: 22px;
	width: 100px;
}

.co_input300 {
	height: 22px;
	width: 300px;
}

/* LINK */

.co_Link {
	color: #14aaf5;
	cursor: pointer;
	text-decoration: none;
	transition: color 200ms ease-in-out;
	font-style: normal;
}

.co_Link:hover {
	color: #32c1ff;
	text-decoration: underline;
}

/** LISTE INVITE **/

.co_ListeInvite {
	width: 100%;
	height: 34px;
}

.co_ListeInviteAvecLibelle {
	background-image: url(../../Images/Commun_V10/arrow_drop_down.svg);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
	background-color: #eaeaea;
	width: 70%;
	height: 34px;
	line-height: 25px;
	vertical-align: middle;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: black;
	padding: 5px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	box-sizing: border-box;
	background-size: 20px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-style: italic;
}

.co_ListeInviteAvecLibelle:hover {
	cursor: pointer;
	background-color: #ededed;
}

.co_ListeInviteAvecLibelle.disabled {
	background-image: url("");
	cursor: default;
	background-color: #e9ecef !important;
	border-bottom: 1px solid #ced4da;
	border-right: 1px solid #ced4da;
	border-top: 1px solid #ced4da;
}

.co_ListeInviteAvecLibelle.withBorder {
	border-bottom: 1px solid rgb(206, 212, 218);
	border-right: 1px solid rgb(206, 212, 218);
	border-top: 1px solid rgb(206, 212, 218);
}

.co_ListeInviteOnError {
	border: 2px solid #f44336;
	border-radius: 4px;
}

.co_ListeInviteSeparatorOnError {
	border-right: 2px solid #f44336;
}

.co_ListeLblColorPicker {
	float: left;
	line-height: 34px;
}

.co_ListeLibelleMax100 {
	width: 100px;
	max-width: 100px;
}

.co_ListeLibelleMax150 {
	width: 150px;
	max-width: 150px;
}

.co_ListeLibelleMax200 {
	width: 200px;
	max-width: 200px;
}

.co_ListeTxtInvite {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	float: left;
	width: 30%;
	height: 34px;
	text-align: left;
	box-sizing: border-box;
	border-bottom: 1px solid #ced4da;
	border-left: 1px solid #ced4da;
	border-top: 1px solid #ced4da;
	padding: 2px 5px 0 5px;
	border-width: 1px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.co_ListeTxtInvite.Color {
	margin-left: 3px;
	width: calc(30% - 10px) !important;
	text-transform: lowercase;
}

.co_ListeTxtInvite:focus {
	border-color: #2f4f6b;
	outline: 0;
}

.co_ListeTxtInvite:disabled {
	background-color: #F5F5F5!important;
}

/* LOADER DE PREPARATION DE L'ESPACE DE TRAVAIL */

.co_LoaderBox {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	background-color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	border-radius: 2px;
	line-height: 40px;
}

.co_LoaderBox>.co_LoaderCtn {
	position: relative;
	float: left;
	height: 40px;
	width: 60px;
}

.co_LoaderBox>.co_LoaderCtn>.co_LoaderPreparation {
	position: relative;
	height: 40px;
	width: 40px;
}

.co_LoaderBox>.co_LoaderCtn>.co_LoaderPreparation>.Tuile {
	position: absolute;
	padding: 1px;
	box-sizing: border-box;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

.co_LoaderBox>.co_LoaderCtn>.co_LoaderPreparation span {
	display: block;
	background-color: #2f4f6b;
	width: 100%;
	height: 100%;
}

.co_LoaderBox>.co_LoaderCtn>.co_LoaderPreparation>.Tuile1 {
	width: 13px;
	height: 26px;
	top: 0;
	left: 0;
	animation-name: animTuile1;
}

.co_LoaderBox>.co_LoaderCtn>.co_LoaderPreparation>.Tuile2 {
	width: 26px;
	height: 13px;
	top: 0;
	left: 13px;
	animation-name: animTuile2;
}

.co_LoaderBox>.co_LoaderCtn>.co_LoaderPreparation>.Tuile3 {
	width: 13px;
	height: 13px;
	top: 13px;
	left: 13px;
	animation-name: animTuile3;
}

.co_LoaderBox>.co_LoaderCtn>.co_LoaderPreparation>.Tuile4 {
	width: 13px;
	height: 13px;
	top: 13px;
	left: 26px;
	animation-name: animTuile4;
}

.co_LoaderBox>label {
	float: left;
	height: 100%;
	display: block;
	font-size: 14px;
}

@keyframes animTuile1 {
	0%, 85% {
		left: 0;
	}
	5%, 80% {
		left: 26px;
	}
	10%, 95% {
		height: 26px;
	}
	15%, 90% {
		height: 39px;
	}
}

@keyframes animTuile2 {
	0%, 85% {
		left: 13px;
	}
	5%, 80% {
		left: 0;
	}
	20%, 75% {
		top: 0;
	}
	25%, 70% {
		top: 13px;
	}
	30%, 65% {
		height: 13px;
	}
	35%, 60% {
		height: 26px;
	}
}

@keyframes animTuile3 {
	0%, 85% {
		left: 13px;
	}
	5%, 80% {
		left: 0;
	}
	40%, 61% {
		opacity: 1;
	}
	41%, 60% {
		opacity: 0;
	}
	20%, 75% {
		top: 13px;
	}
	25%, 70% {
		top: 0;
	}
}

@keyframes animTuile4 {
	0%, 85% {
		left: 26px;
	}
	5%, 80% {
		left: 13px;
	}
	45%, 60% {
		left: 13px;
	}
	50%, 55% {
		left: 0;
	}
	20%, 75% {
		top: 13px;
	}
	25%, 70% {
		top: 0;
	}
}

@media (max-width: 640px) {
	.co_LoaderBox {
		line-height: normal;
		width: 80%;
	}
	.co_LoaderBox>.co_LoaderCtn {
		width: 100%;
	}
	.co_LoaderBox>.co_LoaderCtn>.co_LoaderPreparation {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.co_LoaderBox>label {
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}
}

.co_Menu {
	position: absolute;
	left: 0;
	top: 0;
	width: 230px;
	height: 100%;
	float: left;
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	z-index: 9;
	transition: 200ms left cubic-bezier(0, 0.82, 0, 1);
}

.co_Menu .Top {
	width: 100%;
	height: 130px;
	position: relative;
	overflow: hidden;
}

.co_Menu .Top .btnCloseRespMnu {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 0;
	box-sizing: border-box;
	background-image: url(../../Images/InfosPage/CloseMenuRsp.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	cursor: pointer;
	z-index: 1;
	display: none;
}

.co_Menu .Top .Name {
	position: absolute;
	width: 100%;
	height: 40px;
	bottom: 0;
	padding-top: 12px;
	padding-left: 8px;
	box-sizing: border-box;
	padding-right: 8px;
}

.co_Menu>ul {
	list-style: none;
	position: relative;
	width: 100%;
	height: calc(100% - 130px);
	padding: 15px 0 0 0;
	margin: 0;
	box-sizing: border-box;
}

.co_Menu>ul .active {
	background-color: rgba(221, 221, 221, 0.56);
}

.co_Menu>ul .active:hover {
	background-color: #ddd !important;
}

.co_Menu>ul .UnMenuGen {
	width: 100%;
	height: 42px;
	padding: 0 15px;
	box-sizing: border-box;
}

.co_Menu>ul .UnMenuGen:hover {
	background-color: #f5f5f5;
	cursor: pointer;
}

.co_Menu>ul>li {
	float: left;
	width: 100%;
	line-height: 42px;
	margin-top: 1px;
	border-right: 1px solid #e7e7e2;
	box-sizing: border-box;
	position: relative;
	color: #444;
	font-size: 14px;
}

.co_Menu>ul>li>ul {
	list-style: none;
	position: relative;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	height: 0;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	transition: 200ms height cubic-bezier(0, 0.82, 0, 1);
}

.co_Menu>ul>li>ul>li {
	padding: 0 0 0 61px;
}

.co_Menu>ul>li>ul>li:hover {
	background-color: #f5f5f5;
	cursor: pointer;
}

.co_Menu>ul>li .indicator {
	position: absolute;
	top: -1px;
	left: 0;
	height: 100%;
	width: 4px;
	opacity: 1;
	z-index: 1;
}

.co_Menu>ul>li .imgMenu {
	width: 30px;
	height: 100%;
	display: block;
	margin-right: 15px;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
}

.co_Menu>ul>li .arrowMenu {
	width: 16px;
	height: 100%;
	float: right;
	background-position: center center;
	background-repeat: no-repeat;
	transition: 200ms transform cubic-bezier(0, 0.82, 0, 1);
}

.co_MenuOpen {
	left: 0 !important;
}

@media (max-width: 768px) {
	.co_Menu {
		left: -230px;
	}
	.co_GelMenuOpen {
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 460px) {
	.co_Menu .Top .btnCloseRespMnu {
		display: block;
	}
	.co_MenuOpen {
		width: 100%;
	}
}

/* MENU DROP */

.co_MnuDropCtn {
	position: absolute;
	list-style: none;
	background-color: #fff;
	/* z-index: 100; cf Commun V10 et charte graphique*/
	padding: 10px 0;
	box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	color: #4a4a4b;
	margin: 0;
	font-size: 12px;
	border-radius: 2px;
	transition: transform 0.3s ease;
	transform: scale(0);
}

.co_MnuDropCtn.smallWidth {
	width: 200px;
}

.co_MnuDropCtn.mediumWith {
	width: 220px;
}

.co_MnuDropCtn.largeWidth {
	width: 250px;
}

.co_MnuDropCtn>.UnBody {
	padding: 10px;
}

.co_MnuDropCtn>.UnBody>.UnGroupe {
	border-bottom: 1px solid #d4d4d4;
}

.co_MnuDropCtn .UnGroupe>.libelle {
	color: #2f4f6b;
	font-weight: 600;
	font-size: 13px;
	width: 100%;
}

.co_MnuDropCtn>.UnGroupe {
	border-bottom: 1px solid #d4d4d4;
}

.co_MnuDropCtn>.UnGroupe:last-child {
	border-bottom: none;
}

.co_MnuDropCtn>.UnBody>.UnGroupe:last-child {
	border-bottom: none;
}

.co_MnuDropCtn li {
	padding: 1em 20px;
	white-space: pre;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

.co_MnuDropCtn li:hover {
	background: #ebebeb;
}

.co_MnuDropCtnAffiche {
	transform: scale(1) !important;
	backface-visibility: hidden;
}

.co_MnuGrpBoutons {
	padding: 10px;
	box-sizing: border-box;
	float: left;
	width: 100%;
	height: 30%;
}

.co_MnuGrpBoutonsSimples, .co_MnuGrpBoutonsSimples>.UnBody {
	padding: 0;
}

.co_MnuGrpBoutonsSimples>.UnBody>.UnGroupe {
	display: flex;
	flex-direction: column;
}

.co_MnuGrpBoutonsSimples>.UnBody>.UnGroupe>label {
	padding: 14px;
	cursor: pointer;
}

.co_MnuGrpBoutonsSimples>.UnBody>.UnGroupe>label:hover {
	background-color: #e6e6e6;
}

.co_MnuGrpBoutonsSimples>.UnBody>.UnGroupe>label::first-letter {
	text-transform: capitalize;
}

/* NEW FEATURES */

.co_NewFeatures {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	display: none;
	background-color: rgba(0, 0, 0, 0.70);
}

/* Thème new features */

.co_NewFeatures .ThemeManager .TopBg {
	background-color: #3598DB;
}

.co_NewFeatures .ThemeManager .detail>.UneVersion>ul>li::before {
	border: 1px solid #3598DB;
}

.co_NewFeatures .ThemeMySpace .TopBg {
	background-color: #BEC41C;
}

.co_NewFeatures .ThemeMySpace .detail>.UneVersion>ul>li::before {
	border: 1px solid #BEC41C;
}

.co_NewFeatures .ThemeAdmin .TopBg {
	background-color: #909098;
}

.co_NewFeatures .ThemeAdmin .detail>.UneVersion>ul>li::before {
	border: 1px solid #909098;
}

.co_NewFeaturesAffiche {
	display: block;
}

.co_NewFeatures>.Gel {
	display: flex;
	width: 100%;
	height: 100%;
}

.co_NewFeatures>.Gel>.Container {
	margin: auto;
	background-color: #FFF;
	position: relative;
	box-sizing: border-box;
	border-radius: 4px;
	width: 40%;
	height: 90%;
}

.co_NewFeatures>.Gel>.Container>.Close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.6;
	transition: opacity 0.3s ease;
	cursor: pointer;
	background-image: url(../../Images/Commun/close_white.svg);
	z-index: 1;
}

.co_NewFeatures>.Gel>.Container>.Close:hover {
	opacity: 1;
}

.co_NewFeatures>.Gel>.Container>.header {
	float: left;
	height: 100px;
	width: 100%;
	position: relative;
	background: linear-gradient(25deg, rgb(1, 5, 35), rgb(38, 104, 162));
	overflow: hidden;
}

.co_NewFeatures>.Gel>.Container>.header>span:nth-last-child(1) {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background-image: url(../../Images/Commun_V10/cloud_features.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.co_NewFeatures>.Gel>.Container>.header>span:nth-last-child(2) {
	position: absolute;
	right: 18%;
	top: 10px;
	width: 60px;
	height: 100%;
	background-image: url(../../Images/Commun_V10/sohorsys-reveil-nocloud.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.co_NewFeatures>.Gel>.Container>.Main {
	width: 100%;
	/* height: calc(100% - 170px); */
	height: calc(100% - 130px);
	position: relative;
	text-align: center;
	overflow-y: auto;
	padding: 30px;
	box-sizing: border-box;
	float: left;
	margin-top: 10px;
}

.co_NewFeatures>.Gel>.Container>.Main>.NoFeature {
	text-align: center;
	color: #616161;
	font-size: 23px;
	font-style: italic;
	position: relative;
	height: 100%;
	width: 100%;
}

.co_NewFeatures>.Gel>.Container>.Main>.NoFeature>.TextNoFeature {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.co_NewFeatures>.Gel>.Container>.Main>.NoFeature>.TextNoFeature>label {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

.co_NewFeatures>.Gel>.Container>.Main>ul {
	float: left;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.co_NewFeatures>.Gel>.Container>.Main>ul>li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.co_NewFeatures>.Gel>.Container>.Main .UneFeature {
	width: 100%;
	text-align: left;
	margin-bottom: 30px;
	float: left;
}

.co_NewFeatures>.Gel>.Container>.Main .UneFeature>.top {
	float: left;
	width: 100%;
	height: 30px;
}

.co_NewFeatures>.Gel>.Container>.Main .UneFeature>.top>span:first-child {
	height: 30px;
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding: 7px 2em;
	border-radius: 30px;
	box-sizing: border-box;
}

.co_NewFeatures>.Gel>.Container>.Main .UneFeature>.detail {
	padding-left: 10px;
	box-sizing: border-box;
}

.co_NewFeatures>.Gel>.Container>.Main .UneFeature>.detail>.title {
	width: 100%;
	font-size: 24px;
	color: #2F4F6B;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
	margin-top: 15px;
	font-weight: bold;
}

.co_NewFeatures>.Gel>.Container>.Main .UneFeature>.detail>.UneVersion>span:first-child {
	height: 20px;
	float: left;
	font-weight: bold;
	color: #909098;
	padding: 4px 1.5em;
	border-radius: 15px;
	box-sizing: border-box;
	background-color: #F1F1F5;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
}

.co_NewFeatures>.Gel>.Container>.Main .UneFeature>.detail>.UneVersion>.DateTimeInfos {
	width: 100%;
	font-size: 10px;
	color: #afafaf;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
	margin-top: 5px;
}

.co_NewFeatures>.Gel>.Container>.Main .UneFeature>.detail>.UneVersion>ul {
	list-style: none;
	margin: 5px 0 0 10px;
	padding: 0;
	float: left;
	width: 100%;
	color: #676768;
	position: relative;
}

.co_NewFeatures>.Gel>.Container>.Main .UneFeature>.detail>.UneVersion>ul>li {
	padding-left: 20px;
	margin: 8px 0;
}

.co_NewFeatures>.Gel>.Container>.Main .UneFeature>.detail>.UneVersion>ul>li::before {
	content: '';
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	left: 0;
}

.co_NewFeatures>.Gel>.Container>.Main .UneFeature>.detail>.link {
	color: #1A4F7D;
	margin-top: 20px;
	text-decoration: underline;
	cursor: pointer;
	float: left;
	opacity: 0.7;
}

.co_NewFeatures>.Gel>.Container>.Main .UneFeature>.detail>.link {
	opacity: 1;
}

.co_NewFeatures>.Gel>.Container>.Main>.Loader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	background-color: rgba(255, 255, 255, 0.50);
	display: none;
}

.co_NewFeatures>.Gel>.Container>.Main>.Loader>.three-bounce {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}

.co_NewFeatures>.Gel>.Container>.Main>.Loader>.three-bounce .one {
	-webkit-animation-delay: -0.32s !important;
	animation-delay: -0.32s !important;
}

.co_NewFeatures>.Gel>.Container>.Main>.Loader>.three-bounce .two {
	-webkit-animation-delay: -0.16s !important;
	animation-delay: -0.16s !important;
}

.co_NewFeatures>.Gel>.Container>.Main>.Loader>.three-bounce>div {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	background-color: rgba(74, 74, 75, 0.8);
	;
	margin: 0 3px 0 3px;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
	animation: bouncedelay 1.4s infinite ease-in-out both;
}

.co_NewFeatures>.Gel>.Container>.grpButton {
	float: left;
	width: 100%;
	height: 60px;
	padding: 10px 15px;
	box-sizing: border-box;
	position: relative;
}

.co_NewFeatures>.Gel>.Container>.grpButton>span {
	border-radius: 40px;
	line-height: 40px;
	cursor: pointer;
	box-sizing: border-box;
	text-align: center;
	letter-spacing: 0.094em;
	transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
	height: 100%;
	width: 100%;
	float: left;
	border: 1px solid #3d688a;
	color: #3d688a;
}

.co_NewFeatures>.Gel>.Container>.grpButton>span:hover {
	background-color: #3d688a;
	color: #FFF;
}

@-webkit-keyframes bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0)
	}
	40% {
		-webkit-transform: scale(1.0)
	}
}

@keyframes bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

@media (max-width: 1280px) {
	.co_NewFeatures>.Gel>.Container {
		width: 60%;
	}
	.co_NewFeatures>.Gel>.Container>.Main>.NoFeature {
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	.co_NewFeatures>.Gel>.Container {
		width: 70%;
	}
	.co_NewFeatures>.Gel>.Container>.Main>.NoFeature {
		font-size: 16px;
	}
}

@media (max-width: 640px) {
	.co_NewFeatures>.Gel>.Container {
		width: 90%;
		height: 95%;
	}
	.co_NewFeatures>.Gel>.Container>.Main>.NoFeature {
		font-size: 14px;
	}
}

.co_NoOverflow {
	overflow: hidden !important;
}

/* ONGLETS */

.co_Onglets {
	background-color: #f7f7f7;
	border-bottom: 1px solid #d2d2d2;
	box-sizing: border-box;
	font-size: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-around;
}

.co_Onglets.NoUpperCase>li {
	text-transform: capitalize !important;
}

.co_Onglets>li {
	position: relative;
	float: left;
	height: 100%;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
	cursor: pointer;
	color: #9e9e9e;
	padding: 16px;
	width: 100%;
	transition: color 300ms ease, box-shadow 100ms ease;
}

.co_Onglets>li:not(.co_OngletSelected):hover {
	color: #757575;
}

.co_Onglets>.co_OngletSelected {
	color: #2f4f6b;
	box-shadow: inset 0 -2px 0 0px #2f4f6b;
	cursor: default;
}

.co_OngletTop {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.co_Padding0 {
	padding: 0 !important;
}

.co_Rotate180Deg {
	transform: rotate(-180deg) !important;
}

/* SEARCH */

.co_SearchZone {
	background-color: #f5f5f5;
	height: 30px;
	border-radius: 4px;
	border: 1px solid #e0dede;
	padding-left: 30px;
	background-image: url(../../Images/Commun/search_grey.svg);
	background-repeat: no-repeat;
	background-position: 3px center;
	box-sizing: border-box;
}

.co_SearchZoneTxt {
	background-color: transparent;
	border: none;
	color: #868686;
	height: 100%;
	width: 100%;
}

.co_SearchZoneTxt:focus {
	outline: none;
}

/* SWITCH */

.co_SwitchInput {
	display: none;
}

.co_SwitchLabel {
	position: relative;
	display: inline-block;
	min-width: 112px;
	cursor: pointer;
	text-align: left;
}

.co_SwitchLabel:before, .co_SwitchLabel:after {
	content: "";
	position: absolute;
	margin: 0;
	outline: 0;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.co_SwitchLabel:before {
	width: 40px;
	height: 20px;
	border-radius: 10px;
	background-image: url(../../Images/Commun/check_white.svg), url(../../Images/Commun/close_white.svg);
	background-position: 20% center, 80% center;
	background-repeat: no-repeat;
	background-color: #919faf;
	background-size: 14px;
}

.co_SwitchLabel:after {
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 100%;
	border: 2px solid transparent;
	box-sizing: border-box;
	background-clip: padding-box;
}

.co_SwitchInput:checked+.co_SwitchLabel:before {
	background-color: #2f4f6b;
}

.co_SwitchInput:checked+.co_SwitchLabel:after {
	-ms-transform: translate(100%, -50%);
	-webkit-transform: translate(100%, -50%);
	transform: translate(100%, -50%);
}

.co_SwitchOnError {
	background-color: #f44336;
}

/* TABLEAU */

.co_table table {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	display: block;
}

.co_table table th, .co_table table td {
	padding: 0.75rem;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	height: 33px;
}

.co_table table td.colSpe {
	position: relative;
}

.co_table table thead {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.co_table table thead tr {
	border-bottom: 2px solid #dadada;
	color: #575757;
}

.co_table table thead tr.ToDragEnter {
	border-bottom: 1px solid black;
}

.co_table table thead .btnAdd {
	background-image: url(../../Images/Commun/add_black.svg);
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.6;
	cursor: pointer;
	transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.co_table table thead .btnAdd:hover {
	opacity: 1;
}

.co_table table tbody tr:first-child {
	border-top: none;
}

.co_table table tbody {
	display: block;
}

.co_table table tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-top: 1px solid #dadada;
}

.co_table table tbody tr.SousLigne {
	background-color: #597289;
	color: white;
}

.co_table table tbody tr.ToDragEnter {
	border-bottom: 1px solid black;
}

.co_table table tbody .btnDelete:before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	left: 50%;
	transform: translate(-50%, -50%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../../Images/Commun_V10/delete-black.svg);
	cursor: pointer;
	opacity: 0;
}

.co_table table tbody>tr:hover>.btnDelete:before {
	opacity: 0.6;
}

.co_table table tbody>tr:hover>.btnDelete:hover:before {
	background-image: url(../../Images/Commun_V10/delete-red.svg);
	opacity: 1;
}

.co_table table .ColAction {
	width: 30px;
	position: relative;
}

.co_table table .ColActionResp {
	display: none;
}

.co_table table .LibelleNoRow, .co_table .body .LibelleNoRow {
	text-align: center;
	color: #9e9e9e;
	padding: 15px 0 0 0;
	font-style: italic;
}

.co_table_btnAdd {
	display: none;
}

.co_table_scroll thead {
	width: calc(100% - 18px) !important;
}

.co_table_scroll tbody {
	overflow-y: scroll;
	overflow-x: hidden;
}

.co_table_striped>tbody>tr:nth-child(even) {
	background-color: #f7f7f7;
}

.co_table_select_line>tbody>tr {
	transition: all 0.3s ease;
}

.co_table_select_line>tbody>tr:hover {
	background-color: #b3e5fc !important;
	color: black !important;
	cursor: pointer;
}

.co_table_selected {
	background-color: #d9f0fb !important;
}

/*** TABLEAU AVEC CLASSE ***/

.co_table {
	text-align: left;
	border-collapse: collapse;
}

.co_table>.body {
	min-height: 20px;
}

.co_table>.header {
	border-bottom: 2px solid #dadada;
	box-sizing: border-box;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #575757;
	padding: 0 5px 0 5px;
}

.co_table>.header>.colAdd {
	background-image: url(../../Images/Commun/add_black.svg);
}

.co_table>.header>.UnHeader {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 100%;
	font-weight: bold;
}

@media (max-width: 768px) {
	.co_table_responsive thead {
		display: none !important;
	}
	.co_table_responsive td::before {
		content: attr(data-header);
		float: left;
		color: #757575;
		font-weight: bold;
	}
	.co_table_responsive tbody {
		height: 100% !important;
	}
	.co_table_responsive tbody tr {
		display: block;
		border-radius: 2px;
		margin-bottom: 1.6rem;
		padding: 5px;
		box-sizing: border-box;
		background-color: #fff !important;
		border: none;
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
	}
	.co_table_responsive tbody td {
		display: block;
		text-align: right;
	}
	.co_table_responsive tbody td:last-child {
		border-bottom: none;
	}
	.co_table_responsive .ColAction {
		display: none;
	}
	.co_table_responsive .ColActionResp {
		display: block;
		position: relative;
	}
	.co_table_responsive tbody .btnDelete:before {
		top: 50%;
	}
	.co_table_btnAdd {
		display: block;
		position: absolute;
		background-image: url(../../Images/Commun/add_white.svg);
		background-repeat: no-repeat;
		background-position: center;
		right: 30px;
		bottom: 30px;
		z-index: 1;
	}
	.co_table table tbody .btnDelete:before {
		opacity: 0.6;
	}
}

.co_TextEllipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*********** TIMELINE VERTICALE ******************/

.co_Timeline {
	height: auto;
	position: relative;
	width: 100%;
}

.co_Timeline>.co_UnObjetTimeLine {
	height: auto;
	display: table;
	width: 100%;
}

.co_Timeline .co_UnObjetTimeLine>.co_GenUneLine {
	position: relative;
	width: 25%;
	display: table-cell;
	border-right: 3px solid rgb(153, 153, 153);
	box-sizing: border-box;
}

.co_Timeline .co_UnObjetTimeLine:last-of-type>.co_GenUneLine {
	border-right: none;
}

.co_Timeline .co_UnObjetTimeLine:last-of-type>.co_GenUneLine>.co_TimeLinePoint {
	right: -14px;
}

.co_Timeline .co_UnObjetTimeLine>.co_SpeUneLine {
	width: calc(100% - 55px);
	height: auto;
	background-color: white;
	float: left;
	border-radius: 4px;
	box-sizing: border-box;
	border: 1px solid rgb(204, 204, 204);
	margin-left: 50px;
	padding: 15px;
	min-height: 70px;
	position: relative;
	display: table-cell;
	margin-bottom: 15px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.co_Timeline .co_UnObjetTimeLine>.co_SpeUneLine::before {
	content: "";
	position: absolute;
	left: -11px;
	top: 22px;
	z-index: 1;
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	border-bottom: 1px solid rgb(204, 204, 204);
	border-left: 1px solid rgb(204, 204, 204);
	background-color: white;
}

.co_Timeline .co_UnObjetTimeLine>.co_GenUneLine>.co_TimeLineInfo {
	position: absolute;
	width: calc(100% - 35px);
	text-align: right;
	top: 17px;
	height: auto;
}

.co_Timeline .co_UnObjetTimeLine>.co_GenUneLine>.co_TimeLineInfo>.co_Mouchard {
	color: black;
	font-weight: 600;
}

.co_Timeline .co_UnObjetTimeLine>.co_GenUneLine>.co_TimeLineInfo>.co_Mouchard:last-of-type {
	font-size: 12px;
}

.co_Timeline .co_UnObjetTimeLine>.co_GenUneLine>.co_TimeLineInfo>.co_TimeLineTxt {
	margin-top: 5px;
}

.co_Timeline .co_UnObjetTimeLine>.co_GenUneLine>.co_UneLigne {
	height: 100%;
	/* position: absolute;
	right:15px; */
	float: right;
	margin-right: 15px;
}

.co_Timeline .co_UnObjetTimeLine>.co_GenUneLine>.co_TimeLinePoint {
	width: 30px;
	height: 30px;
	border-radius: 20px;
	border: 4px solid;
	position: absolute;
	top: 16px;
	box-sizing: border-box;
	background-color: white;
	right: -17px;
}

.co_Timeline .co_UnObjetTimeLine>.co_GenUneLine>.co_TimeLinePoint::before {
	content: "";
	padding-left: 3px;
	height: 16px;
	background-color: rgb(153, 153, 153);
	left: 9px;
	position: absolute;
	top: -20px;
}

@media (max-width: 768px) {
	.co_Timeline .co_UnObjetTimeLine>.co_GenUneLine {
		width: 15px;
	}
	.co_Timeline .co_UnObjetTimeLine>.co_GenUneLine>.co_TimeLineInfo {
		display: none;
	}
	.co_Timeline .co_UnObjetTimeLine>.co_GenUneLine>.co_TimeLinePoint {
		width: 20px;
		height: 20px;
		top: 25px;
		right: -11px;
	}
	.co_Timeline .co_UnObjetTimeLine>.co_GenUneLine>.co_TimeLinePoint::before {
		height: 25px;
		top: -29px;
		left: 5px;
	}
	.co_Timeline .co_UnObjetTimeLine:last-of-type>.co_GenUneLine>.co_TimeLinePoint {
		right: -8px;
	}
	.co_Timeline .co_UnObjetTimeLine>.co_SpeUneLine {
		margin-left: 25px;
		padding: 5px;
		width: calc(100% - 30px);
	}
}

/*** TIMELINE HORIZONTALE (niveau de validation ) ****/

.co_TimelineH {}

.co_TimelineH>.co_TimelineFil {
	min-width: 5px;
	border-top: 1px solid #d6d6d6;
	display: inline-block;
}

.co_TimelineH>.co_TimelineFil.co_maxi {
	width: 25px;
}

.co_TimelineH>.co_TimelineFil.co_large {
	width: 20px;
}

.co_TimelineH>.co_TimelineFil.co_medium {
	width: 15px;
}

.co_TimelineH>.co_TimelineFil.co_small {
	width: 10px;
}

.co_TimelineH>.co_TimelineFil.co_mini {
	width: 5px;
}

.co_TimelineH>.co_TimelinePastille {
	border-radius: 50%;
	color: white;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.co_TimelineH>.co_TimelinePastille.BorderPastille, .co_TimelineV>.co_TimelinePastille.BorderPastille {
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
}

.co_TimelineH>.co_TimelinePastille.co_maxi, .co_TimelineV>.co_TimelinePastille.co_maxi {
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
}

.co_TimelineH>.co_TimelinePastille.co_large, .co_TimelineV>.co_TimelinePastille.co_large {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}

.co_TimelineH>.co_TimelinePastille.co_medium, .co_TimelineV>.co_TimelinePastille.co_medium {
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}

.co_TimelineH>.co_TimelinePastille.co_small, .co_TimelineV>.co_TimelinePastille.co_small {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
}

.co_TimelineH>.co_TimelinePastille.co_mini .co_TimelineV>.co_TimelinePastille.co_mini {
	width: 15px;
	height: 15px;
	line-height: 15px;
	font-size: 10px;
}

/*** TIMELINE VERTICALE (niveau de validation ) ****/

.co_TimelineV>.co_TimelineFil {
	min-height: 5px;
	border-left: 1px solid #d6d6d6;
}

.co_TimelineV>.co_TimelineFil.co_maxi {
	height: 25px;
	margin-left: 17.5px;
}

.co_TimelineV>.co_TimelineFil.co_large {
	height: 20px;
	margin-left: 15px;
}

.co_TimelineV>.co_TimelineFil.co_medium {
	height: 15px;
	margin-left: 12.5px;
}

.co_TimelineV>.co_TimelineFil.co_small {
	height: 10px;
	margin-left: 10px;
}

.co_TimelineV>.co_TimelineFil.co_mini {
	height: 5px;
	margin-left: 7.5px;
}

.co_TimelineV>.co_TimelinePastille {
	border-radius: 50%;
	color: white;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.co_TimelineH>.co_TimelineFil.co_maxi {
		width: 20px;
	}
	.co_TimelineH>.co_TimelineFil.co_large {
		width: 15px;
	}
	.co_TimelineH>.co_TimelineFil.co_medium {
		width: 10px;
	}
	.co_TimelineH>.co_TimelinePastille.co_maxi {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.co_TimelineH>.co_TimelinePastille.co_large {
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
	}
	.co_TimelineH>.co_TimelinePastille.co_medium {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 11px;
	}
}

/* TOOLTIP */

.co_Tooltip {
	position: fixed;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	/* z-index: 100; cf Commun V10 et charte graphique*/
	background: rgba(97, 97, 97, 0.9);
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	font-weight: 500;
	line-height: 14px;
	/* max-width: 170px; */
	padding: 8px;
	text-align: center;
	visibility: hidden;
}

.co_Tooltip_Active {
	visibility: visible;
	-webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
	animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.co_Tooltip_top {
	margin-bottom: 10px;
}

.co_Tooltip_bottom {
	margin-top: 10px;
}

.co_Tooltip_left {
	margin-right: 10px;
}

.co_Tooltip_right {
	margin-left: 10px;
}

.co_Tooltip_Error {
	background: rgba(244, 67, 54, 0.9);
}

.co_Tooltip>ul {
	text-align: left;
	white-space: nowrap;
}

.co_Tooltip>ul>li {
	list-style-type: none;
}

@media (max-width: 1250px) {
	/* Les tooltips ne doivent pas être disponible en responsive */
	.co_Tooltip {
		display: none;
	}
}

/* TEXTBOX */

/* Textbox effect Up Connexion*/

/* cf: PortailRH - Ecran de connexion */

.co_TxtEffectUp {
	position: relative;
	width: 100%;
	float: left;
	height: 70px;
	margin-top: 30px;
}

.co_TxtEffectUp>label {
	width: 100%;
	position: absolute;
	z-index: 1;
	color: #2f4f6b;
	line-height: 60px;
	font-size: 24px;
	font-weight: 300;
	top: 10px;
	left: 0;
	cursor: text;
	opacity: 0.4;
	transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.co_TxtEffectUp>input[type="text"], .co_TxtEffectUp>input[type="password"] {
	position: relative;
	width: 100%;
	float: left;
	border: none;
	background: transparent;
	font-size: 24px;
	color: rgba(0, 0, 0, 0.8);
	font-weight: 300;
	height: 60px;
	top: 10px;
	padding: 0;
	border-bottom: 1px solid rgba(47, 79, 107, 0.28);
	border-top: none;
	border-left: none;
	border-right: none;
	box-sizing: border-box;
}

.co_TxtEffectUp>input[type="text"], .co_TxtEffectUp>input[type="password"]:required {
	box-shadow: none;
}

.co_TxtEffectUp>input[type="text"]:focus, .co_TxtEffectUp>input[type="password"]:focus {
	outline: none;
}

.co_TxtEffectUpStd>input[type="text"]:disabled, .co_TxtEffectUpStd>input[type="password"]:disabled {
	color: rgb(153, 153, 153) !important;
}

.co_TxtEffectUp>input[type="text"]:focus~label, .co_TxtEffectUp>input[type="text"]:valid+label, .co_TxtEffectUp>input[type="password"]:focus~label, .co_TxtEffectUp>input[type="password"]:valid+label {
	line-height: 18px !important;
	font-size: 18px !important;
	font-weight: 100 !important;
	top: 0 !important;
	opacity: 1 !important;
}

.co_TxtEffectUpStd>input[type="text"]:disabled+label, .co_TxtEffectUpStd>input[type="password"]:disabled+label {
	line-height: 14px;
	font-size: 14px;
	font-weight: 100;
	top: 0;
	opacity: 1;
	color: rgb(153, 153, 153) !important;
}

.co_TxtEffectUp>input[type="text"]:focus~span, .co_TxtEffectUp>input[type="password"]:focus~span {
	width: 100%;
	background-color: #2f4f6b;
}

.co_TxtEffectUp>span {
	width: 0%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin: 0;
	transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Textbox effect Up standard*/

/* cf: PortailRH - Reset du password */

.co_TxtEffectUpStd {
	position: relative;
	width: 100%;
	float: left;
	height: 45px;
}

.co_TxtEffectUpStd>label {
	width: 100%;
	position: absolute;
	z-index: 1;
	color: #000000;
	line-height: 35px;
	font-size: 15px;
	font-weight: 300;
	top: 10px;
	left: 0;
	cursor: text;
	opacity: 0.4;
	transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.co_TxtEffectUpStd>input[type="text"], .co_TxtEffectUpStd>input[type="password"] {
	position: relative;
	width: 100%;
	float: left;
	border: none;
	background: transparent;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.8);
	font-weight: 300;
	height: 31px;
	top: 14px;
	padding: 0;
	border-bottom: 1px solid rgba(47, 79, 107, 0.28);
	border-top: none;
	border-left: none;
	border-right: none;
	box-sizing: border-box;
}

.co_TxtEffectUpStd>input[type="text"], .co_TxtEffectUpStd>input[type="password"]:required {
	box-shadow: none;
}

.co_TxtEffectUpStd>input[type="text"]:focus, .co_TxtEffectUpStd>input[type="password"]:focus {
	outline: none;
}

.co_TxtEffectUpStd>input[type="text"]:focus~label, .co_TxtEffectUpStd>input[type="text"]:valid+label, .co_TxtEffectUpStd>input[type="password"]:focus~label, .co_TxtEffectUpStd>input[type="password"]:valid+label {
	line-height: 14px !important;
	font-size: 14px !important;
	font-weight: 100 !important;
	top: 0 !important;
	opacity: 1 !important;
}

.co_TxtEffectUpStd>input[type="text"]:focus~span, .co_TxtEffectUpStd>input[type="password"]:focus~span {
	width: 100%;
	background-color: #000000;
}

.co_TxtEffectUpStd>span {
	width: 0%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin: 0;
	transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 768px) {
	.co_TxtEffectUp>input[type="text"], .co_TxtEffectUp>input[type="password"], .co_TxtEffectUp>label {
		font-size: 20px;
	}
}

.co_TxtMaj {
	text-transform: uppercase;
}

.co_TxtMin {
	text-transform: lowercase;
}

.co_UnePage {
	height: calc(100% - 40px);
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.co_unInputMultiple {
	float: left;
	margin-right: 1%;
	max-width: 70px;
}

@media (max-width: 640px) {
	.co_UnePage {
		height: 100%;
		padding: 0;
	}
}

/*** ETIQUETTES **/

.co_UneEtiquette, .co_UneEtiquetteCliquable {
	border-radius: 2px;
	background-color: white;
	box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	padding: 2px;
	margin-bottom: 5px;
	min-height: 20px;
	width: 100%;
}

.co_UneEtiquetteCliquable:hover {
	cursor: pointer;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.co_UneEtiquette>.co_UnePastilleColor, .co_UneEtiquetteCliquable>.co_UnePastilleColor {
	border-radius: 10px;
	float: left;
	width: 30px;
	height: 15px;
}

.co_UneEtiquette>.co_UnePastilleColor.borderPastille, .co_UneEtiquetteCliquable>.co_UnePastilleColor.borderPastille {
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
}

/**** GROUPE DANS UNE PAGE ****/

.co_UnGroup {
	float: left;
	width: 100%;
	padding-top: 10px;
	overflow: hidden;
	transition: 200ms height cubic-bezier(0, 0.82, 0, 1);
}

.co_UnGroup>.co_Title {
	float: left;
	height: 30px;
	line-height: 30px;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #6d7584;
	border-bottom: 2px solid #edf1f2;
	box-sizing: border-box;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-transform: uppercase;
}

.co_UnGroup>.co_Body {
	float: left;
	width: 100%;
}

.co_UnGroup>.co_Body>.co_UnSousGroup {
	float: left;
	padding: 10px;
	box-sizing: border-box;
}

.co_UnGroup>.co_Body>.co_UnSousGroup>.co_Title {
	float: left;
	color: #848f99;
	width: 100%;
	padding: 10px 0 10px 0;
	text-overflow: ellipsis;
	text-transform: uppercase;
}

.co_UnGroup>.co_Body>.co_UnSousGroup>.co_Body {
	float: left;
	width: 100%;
	/* max-width: 450px; */
}

.TypeChampGroupe select, .TypeChampGroupe input, .TypeChampGroupe div {
	margin-bottom: 10px;
}

/* MESSAGES */

#MessageBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(0, 0, 0, 0.3);
	/* z-index: 11; */
	/* Utile pour être au dessu des nouveaux popup en z-index 19 */
	z-index: 20;
}

#MessageBoxMain {
	position: fixed;
	top: 50%;
	left: 50%;
	display: table;
	box-shadow: 0px 0px 3px #7d7d7d;
	z-index: 11;
	max-width: 450px;
	transform: translate(-50%, -50%);
}

#MessageBoxAction {
	width: 100%;
	height: 30px;
	display: table-row;
	margin: 15px;
	color: white;
	cursor: pointer;
}

#MessageBoxDetail {
	display: table;
}

#MessageBoxDetailLoader {
	display: table;
}

#MessageBoxDetailProgressBar {
	width: 100%;
	display: table;
	min-width: 60px;
}

#MessageBoxDetailIcon {
	width: 26px;
	padding-left: 15px;
	display: table-cell;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.3;
}

#MessageBoxDetailLibelle {
	/*RSP*/
	/* display: table-cell; */
	/* max-width: 300px;
	
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	text-align: center;
	max-height: 300px;
	overflow-y: auto;
	padding-right: 15px;
	-webkit-overflow-scrolling: touch; */
	text-align: center;
	padding: 20px 15px 20px 20px;
	min-width: 250px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#MessageBoxDetailStandard {
	background-color: #ffffff;
}

#MessageBoxQuestion {
	width: 100%;
	height: 30px;
	display: table;
	color: white;
	cursor: pointer;
}

#MessageBoxQuestionAction {
	display: table-row;
}

#MessageBoxTitre {
	display: table;
	width: 100%;
}

#MessageBoxTitreLibelle {
	display: table-cell;
	max-width: 300px;
	min-width: 250px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 10px;
	text-align: right;
	font-style: italic;
	font-size: 10px;
	opacity: 0.8;
}

.MessageBoxAction {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	outline: none;
}

.MessageBoxDetailLibelleAffiche {
	max-height: 200px;
	padding-right: 20px;
	overflow-y: auto;
}

.MessageBoxMainLoader {
	border-radius: 2px;
}

.colorMsgBgAction {
	background-color: rgba(0, 0, 0, 0.1);
}

.colorMsgBgAction:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

.colorMsgBgError {
	background-color: #d9675d;
}

.colorMsgBgInfo {
	background-color: #6fb1c7;
}

.colorMsgBgSuccess {
	background-color: #27ae61;
}

.colorMsgBgWarning {
	background-color: #fed16c;
}

.colorMsgBgQuestion {
	background-color: #2b6d7b;
}

.imgMsgError {
	background-image: url(../../Images/Message/icon_error.png);
}

.imgMsgInfo {
	background-image: url(../../Images/Message/icon_info.png);
}

.imgMsgSuccess {
	background-image: url(../../Images/Message/icon_success.png);
}

.imgMsgWarning {
	background-image: url(../../Images/Message/icon_warning.png);
}

.imgMsgQuestion {
	background-image: url(../../Images/Message/icon_question.png);
}

/**************************** Z - INDEX ****************************************************/

/** TRIER PAR ORDRE DE Z-INDEX **/

.co_MnuDropCtn {
	z-index: 100;
}

#co_PopupContainer {
	z-index: 200;
}

.PopToolsUploadMain {
	z-index: 210;
}

#ContainerListe {
	z-index: 300;
}

.co_LST {
	z-index: 300;
}

#ColorPicker {
	z-index: 396;
}

#ColorPickerGel {
	z-index: 395;
}

#CtnCalendrier {
	z-index: 400;
}

.co_Tooltip {
	z-index: 410;
}

#MessageBox {
	z-index: 600;
}