/* ---- common all browsers VDoc -------------------- */

/* body */
body {
	margin: 0px;
	padding: 0px;
	font: normal 12px arial, Helvetica, sans-serif;
	background: #ffffff;
	overflow: auto;
}

/* links */
a:link,
a:visited {
	color: #6563bd;
	text-decoration: underline;
}

a:hover,
a:active {
	/*color: #Eb0000;*/
	color: #FF8F00;
}

/* Websis : neutralisation d'un lien qu'on est obligé de créer même quand on a rien à relier pour gérer des problème de tri de liste dans vdoc (admin affaire)*/
.lieninactif {
	color: #6b605b !important;
	pointer-events: none !important;
	opacity: 0.95;
	text-decoration: none !important;
}

/* forms */
form {
	padding: 0px;
	margin: 0px;
}

input {
	height: 36px;
	padding: 0 8px;
	color: #000;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid #aFb1b4;
}

input[type="checkbox"] {
	height: 12px;
}

textarea {
	color: #89494d;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	border: 1px solid #aFb1b4;
}

select {
	/*color: #89494d;*/
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 36px;
	background-color: #FFF;
	border: 1px solid #aFb1b4;
	border-radius: 3px;
}

input.readonly { background-color:#F5F4F8; border-top:1px solid #CbCED5; border-right:1px solid #E2E4E9; border-bottom:1px solid #E2E4E9; border-left:1px solid #CbCED5; color:#7c92a0; font-family:arial,Helvetica,sans-serif; font-size:12px; background:url(../images/select.gif) repeat-x left bottom}
textarea.readonly { background-color:#F5F4F8; border-top:1px solid #CbCED5; border-right:1px solid #E2E4E9; border-bottom:1px solid #E2E4E9; border-left:1px solid #CbCED5; color:#7c92a0; font-family:arial,Helvetica,sans-serif; font-size:12px; background-image:url(../images/readonlytextarea.gif); background-repeat:repeat-x }
select.readonly { background-color:#F5F4F8; color:#7c92a0; font-family:arial,Helvetica,sans-serif; font-size:12px;  }
input.radio { background-color:transparent; border:none!important; background-image:none}
input.checkbox { background-color:transparent; border:none!important; background-image:none}
.error {border:1px solid #f79292; background-color:#fcdedf;	color:#df0020!important;padding:2px; margin:2px 0;}

/* tabular css */
.vui-css-table { display:table; }
.vui-css-row { display:table-row; }
.vui-css-cell { display:table-cell; }
.vui-minwidth { width:1%; }
.vui-fullwidth { width:100%; }
.vui-centerh { text-align:center; }
.vui-centerv { vertical-align:middle; }

/*fields sizes*/
.very-short-field {width:20px}
.short-field {width:60px}
.small-field {width:120px}
.medium-field {width:250px}
.long-field {width:370px}
.very-long-field {width:500px}
.auto-size-field {width:100%}

/*textarea sizes*/
.textarea-default {width:99%; height:60px}
.textarea-large {width:99%;height:300px;overflow:auto;font-family:Courier New, Courier, mono; font-size:11px; }
.textarea-websislarge {width:99%;height:240px;overflow:auto;font-family:Courier New, Courier, mono; font-size:11px; }
.textarea-large-readonly  {width:99%;height:300px;overflow:auto; border:1px solid #E2E3Ea;}

/* container */
.container { height:100%; top:0px; left:0px; } /* container overflow: visible=scroll full page, auto=scroll portlets/* portlets spacing */

.outer-left-top {
	position: relative;
	height: 100%;
	padding: 0;
}

.outer-left-top:last-child {
	padding: 0 15px;
}

.outer-left-top .menu {
	position: relative;
	top: 0;
	left: 0;
	height: calc(100vh - 107px);
	background-color: #FaFaFa;
}

.outer-right-bottom {
	height: 100%;
	padding: 0;
}

/* positions */
.floatleft { float:left; text-align:left; width:50%; }  /* do not modify */
.floatright { float:right; text-align:right; width:50%; }  /* do not modify */

/* no icon */
.no-icon {  }

/* action icons */
.action-mailto {height:20px; cursor:hand; cursor:pointer; background-image:url(../images/btmailto.gif); background-repeat:no-repeat; background-position:5px center; font-family:arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#240615; padding:4px 15px 0px 26px; }
.action-getfile {height:20px; cursor:hand; cursor:pointer; background-image:url(../images/btfile.gif); background-repeat:no-repeat; background-position:5px center; font-family:arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#240615; padding:4px 15px 0px 26px;}
.action-openlink {height:20px; cursor:hand; cursor:pointer; background-image:url(../images/btlink.gif); background-repeat:no-repeat; background-position:5px center; font-family:arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#240615; padding:4px 15px 0px 26px;}
.action-print {height:25px; cursor:hand; cursor:pointer; background-image:url(../images/btprint.gif); background-repeat:no-repeat; background-position:5px center; font-family:arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#240615; padding:4px 15px 0px 40px;}

.login-page .subtabnav {
	display: none;
}

.login-page .logo-left + td {
    display: none;
}

.login-page .copyright {
    display: none;
}

.login-aside {
	position: relative;
	min-width: 40% !important;
	height: 100vh;
	padding: 5vw;
	background: #4a453f;
}

/*.login-aside > table {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}*/

.login-aside #PLT-AXLogin {
	position: relative;
	width: 370px;
	height: 520px;
	margin: auto;
	padding-top: 15px;
	background: #fff;
}

.login-aside #PLT-AXLogin.portlet::before {
	display: block;
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 0;
	border-style: solid;
	border-width: 0 80px 80px 0;
	border-color: transparent #4a453f transparent transparent;
}

.login-aside #PLT-AXLogin .header-level1,
.login-aside #PLT-AXLogin .header-border {
	border: none;
}

.login-aside #PLT-AXLogin .header-level1 {
	padding: 0px 5px 4px 25px;
}

.login-aside #PLT-AXLogin .header-level1 h3 {
	padding-top: 10px;
	font-size: 18px;
}

.login-aside .portlet .zone3 .center .content-zone.login-form-group {
	max-width: 420px;
	padding: 0 25px;
}

.login-aside .form-style1 .cell1.login-form-group {
	display: block;
	width: 100% !important;
	padding: 0 0 20px 0;
}

.login-aside .login-form-group .buttons-outer {
  /*display: inline-table;*/
	/*height: 40px;*/
	margin: 0;
	padding-top: 0;
}

.login-aside .form-style1 .cell1.input-group {
	width: 100%;
	padding: 5px 0 10px 0;
	text-align: left;
}

.login-aside .label-login {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	text-align: left;
}

.login-aside .form-style1 .cell2.input-login {
	display: block;
	width: 100%;
	padding: 10px 25px 15px 25px;
}

.login-aside .form-style1 .input-group input {
	width: 320px;
	margin: 0 auto;
}

.login-aside .login-checkbox {
	max-width: 12px;
	padding: 0 0 10px 0;
	font-size: 14px;
}

.login-aside .outerzone1 .zone1 .center {
	display: none;
}

.login-aside #PLT-AXLogin > .outerzone1 .zone1 .icon {
	display: block;
	width: 150px;
	height: 135px;
	margin: auto auto 10px auto;
	padding: 0;
	background-image: url(../images/logo_login.svg);
	background-repeat: no-repeat;
	background-position: center;
}

#PLT-Informations-Maintenance .outerzone3 {
	position: absolute;
	margin: 25px 15px;
	padding: 25px 15px;
	background: #fff;
}

#PLT-websisCarrousel iframe {
	width: 100%;
	padding: 25px 0 0 0;
}

#PLT-websisCarrousel .outerzone1 .center {
	font-size: 36px;
	padding: 0 15px;
	font-weight: bold;
	border-left: 3px solid #FF6F00;
}

#carrousel-aside {
	position: relative;
	height: 100vh;
}

#carrousel-aside > table {
	/* position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; */
  margin: auto;
	padding: 25px;
}

/* ---- header -------------------- */
/* main */
.header {
	height: 65px;
	background-color: #4a453f;
}

.portal .header {
	display: none;
}

.header .layout { table-layout:auto }  /* do not modify */

/* logos */
.header .logo-left {
	width: 190px;
	padding: 14px 0 0 30px;
}

.header .logo-left .content {
	width: 156px;
	height: 38px;
	background-image: url(../images/logo_websis.svg);
	background-repeat: no-repeat;
	background-position: top left;
}

.header .logo-left .content .title-top { display:none }
.header .logo-left .content .title-bottom { display:none }
.header .logo-right { width:0px }
.header .logo-right .content { width:0px }
.header .logo-right .content .title-top { display:none }
.header .logo-right .content .title-bottom { display:none }

/* user information (portal specific) */
.header .userinfo {
	float: right;
	/*height: 20px;*/
	padding: 20px 20px 0 0;
}

.header .userinfo .left {
	display: none;
}

.header .userinfo .user {display:none}
.header .userinfo .icon {width:0px }

.header .userinfo .info {
	padding: 0 10px 0 0;
	font-size: 11px;
	font-weight: normal;
	color: #d9d9d9;
}

@media only screen and (max-width:1180px) {
	.header .userinfo .info {
		display: none;
	}
}

.header .userinfo .right {
	width: 28px;
	height: 28px;
	background-image: url(../images/user-icon2.svg);
}

/* navigation (switch between portal and applications) */
.header .tabopt {
	position: absolute;
	top: 17px;
	right: 170px;
}

@media only screen and (max-width:1180px) {
	.header .tabopt {
		right: 50px;
	}
}

.header .tabopt .leftmargin {
	width: 5px;
	height: 26px;
}

.header .tabopt .left {
	width: 12px;
}

.header .tabopt .content {
	position: relative;
	height: 36px;
	margin-right: 15px;
	line-height: 36px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px !important;
	font-weight: normal !important;
	color: #fff;
	background-color: #FF8F00;
	border-radius: 3px;
}

.header .tabopt .content:active {
	background-color: #F8a63C;
}

.header .tabopt .content:hover {
	background-color: #FF6F00;
	cursor: pointer;
}

.header .tabopt .right {
	/*width: 10px;*/
}

.header .tabopt .rightmargin {
	width: 12px;
}

/* links */
.header .tabopt a {
	display: block;
	height: 36px;
	padding: 0px 10px;
	color: #fff;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none !important;
}

@media only screen and (max-width:1250px) {
	.header .tabopt a {
		padding: 0px 5px;
		font-size: 14px;
	}
}

@media only screen and (max-width:1180px) {
	.header .tabopt a {
		font-size: 13px;
	}
}

.header .tabopt a:link,
.header .tabopt a:visited {
	color: #ffffff;
}

.header .tabopt a:hover,
.header .tabopt a:active {
	color: #ffffff;
}

/* sub element */
.subheader {display:none}

/* application information (application specific) */
.header .modinfo {
	display: block;
	float: left;
	padding: 23px 20px 0 0;
	text-align: right;
}

.header .modinfo .left {
	height: 20px;
	width: 10px;
	border-left: 1px solid #FF8F00;
}

@-webkit-keyframes fadeLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes fadeLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.header .modinfo .title {
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	-webkit-animation: fadeLeft 0.5s both cubic-bezier(.86, 0, .07, 1);
          animation: fadeLeft 0.5s both cubic-bezier(.86, 0, .07, 1);
}

.header .modinfo .actions {
	display: none;
}

.header .modinfo .right {
	width: 15px;
}

/* ---- navigation level 1 (inside portal or application) ---- */

/* tabs level 1 */
.tabnav {
	height: 42px;
	/*background: url(../images/tabnavback.gif) repeat-x;*/
}

.portal .tabnav {
	display: none;
}

.tabnav .outer {
	float: left;
	margin: 0px;
  padding: 0px;
}

/* alignment */
.tabnav .leftmargin {
	width: 6px;
  height: 24px;
}

.tabnav .left {
	width: 9px;
  height: 24px;
  /*background: url(../images/tabnavleft.gif) no-repeat;*/
}

.tabnav .content {
  color: #4F4F4F;
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding: 0px 0px 9px 0px;
	/*background: url(../images/tabnavct.gif) repeat-x;*/
}

.tabnav .right {
  width: 17px;
	/*background: url(../images/tabnavright.gif) no-repeat;*/
}

.tabnav .left-active {
	width: 9px;
  height: 24px;
  /*background: url(../images/tabnavlefton.gif) no-repeat;*/
}

.tabnav .content-active {
  height: 32px;
	padding: 0px 0px 9px 0px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #b81919;
	/*background: url(../images/tabnavcton.gif) no-repeat center top;*/
}

.tabnav .content-active img {
  margin: 2px 0px 0px 0px;
}

.tabnav .right-active {
	width: 17px;
  /*background: url(../images/tabnavrighton.gif) no-repeat;*/
}

.tabnav .rightmargin {
  width: 10px;
}

/* links */
.tabnav a { font-family:arial,Helvetica,sans-serif; font-size:12px; font-weight:normal;text-decoration:none !important }
/* inactive links */
.tabnav .content a:link, .tabnav .content a:visited { color:#FFFFFF; text-decoration:none }
.tabnav .content a:hover, .tabnav .content a:active { color:#333333; text-decoration:none }
/* active links */
.tabnav .content-active a:link, .tabnav .content-active a:visited { color:#5a5452; text-decoration:none }
.tabnav .content-active a:hover, .tabnav .content-active a:active { color:#333333; text-decoration:none }

/* sub element (level 1) */
.subtabnav { height:5px; font-size:0px }

/* tabs level 2 */
.tabnav2-empty { background-image:url(../images/tabnavback.gif); height:42px; background-repeat:repeat-x }

.tabnav2 {
	position: relative;
	height: 42px;
	padding: 0 20px 0 30px;
	background-color: #4a453f;
}

.tabnav2 .outer {
	float: left;
	margin: 0;
	padding: 0px;
}

.tabnav2 .leftmargin {
	display: none;
}

.tabnav2 .left { }
.tabnav2 .content {
	height: 24px;
	text-align: center;
	font-family: arial, Helvetica;
	font-weight: normal;
	font-size: 14px;
	padding: 0px 10px 0px 10px;
}

.tabnav2 .right {
	display: none;
}

.tabnav2 .left-active {
	display: none;
}

.tabnav2 .content-active {
	position: relative;
	height: 42px;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	padding: 0px 10px 0px 10px;
}

.tabnav2 .content-active::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 45px;
	height: 3px;
	margin: auto;
	background-color: #FF8F00;
}

.tabnav2 .right-active {}
.tabnav2 .rightmargin {
	display: none;
}

	/* links */
.tabnav2 a {
	color: #a29F9C;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none !important;
}

/*.tabnav2 a:link, .tabnav2 a:visited { color:#FFFFFF; text-decoration:none }*/
.tabnav2 a:hover,
.tabnav2 a:active {
	color: #ffffff;
	text-decoration: none;
}

/* sub element (level 2) */
.subtabnav2 {
	display: none;
}

/* ---- navigation level 2 (application specific) ---- */

/* history */
.history .outer { padding:0px; margin:0px; float:left; } /* alignment */
.history .leftmargin {width:27px; height:19px; background:url(../images/arrow-streamline.gif) no-repeat center right;}
.history .left {display:none}
.history .content {background:transparent; font-family:arial,Helvetica,sans-serif; font-weight:normal; font-size:11px; color:#7670C9; padding:4px 1px 3px 3px}
.history .right {display:none}
.history .left-active {display:none}
.history .content-active {background:transparent; font-family:arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; color:#DF0000; padding:4px 1px 3px 3px}
.history .right-active {display:none}
.history .rightmargin {}

/* links */
.history a { font-family:arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; }
.history a:link, .history a:visited { color:#7670c9; text-decoration:underline }
.history a:hover, .history a:active  { color:#DF0000; text-decoration:underline }



/* ---- portlet structure --------- */

/* main */
.portlet {  }  /* do not modify */
.portlet .inner { background-color:transparent; height:100%; font-family:arial,Helvetica,sans-serif; font-size:12px; }

/* zones */
.portlet .outerzone1 {}
.portlet .zone1 { table-layout:fixed; overflow:hidden }  /* do not modify */
.portlet .zone1 .left	{ width:0px; font-size:0px }
.portlet .zone1 .icon	{
	display: none;
}

.portlet .zone1 .center	{
	max-width: 90%;
	height: auto;
	padding: 15px 0px 10px 25px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #000;
}

.portlet .zone1 .center	.text-highlighted {color:#E1191D}
.portlet .zone1 .right	{
	display: none;
	/*background:url(../images/z1right.gif) no-repeat; width:9px; font-size:1px;*/
}

.portlet .zone1 .action-refresh {background-image:url(../images/prefresh.gif); width:20px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-customize {background-image:url(../images/pedit.gif); width:20px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-restore {background-image:url(../images/prestore.gif); width:20px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-minimize {background-image:url(../images/pminimize.gif); width:20px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-maximize { background-image:url(../images/pmaximize.gif); width:20px; background-repeat:no-repeat; cursor:pointer; cursor:hand }

.portlet .zone1 .action-help {
	width: 26px;
	height: 26px;
	margin: 0;
	padding: 0 7px;
	background-color: #fff;
	background-image: url(../images/help-circle.svg);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.portlet .zone1 .action-close { background-image:url(../images/pclose.gif); width:20px; background-repeat:no-repeat; cursor:pointer; cursor:hand }

.portlet .outerzone2 { }
.portlet .zone2 { table-layout:fixed; overflow:hidden }  /* do not modify */

#PLT-infoMaintenance .outerzone3, #PLT-finIntervention .outerzone3, #PLT-satisfactionClient .outerzone3 {
	max-width: 370px;
	margin: 10px auto;
	background: white;
	border-left: 5px solid #FF8F00;
}

#PLT-infoMaintenance .outerzone3 .header-border, #PLT-finIntervention .outerzone3 .header-border, #PLT-satisfactionClient .outerzone3 .header-border {
	border: none;
}

#PLT-infoMaintenance .outerzone3 .header-border .header-level1, #PLT-finIntervention .outerzone3 .header-border .header-level1, #PLT-satisfactionClient .outerzone3 .header-border .header-level1 {
	height: auto;
	padding: 15px;
	border-top: 0;
}

#PLT-satisfactionClient .header-level1 {
    font-weight: bold;
}

#PLT-satisfactionClient a {
    display: block;
    padding: 10px 20px;
    text-align: center;
    background-color: #FF8F00;
    color: white;
    margin-top: 10px;
    text-decoration: none;
    width: 50%;
    margin: 10px auto;
}

.portlet .zone3 { table-layout:auto; overflow:hidden; }  /* do not modify */
.portlet .zone3 .center .content-zone { padding:8px; background-color:transparent; }

.portlet .outerzone4 { }
.portlet .zone4 { table-layout:fixed; overflow:hidden }  /* do not modify */

/* ---- application portlet structure-------- */
.application .portlet .step {height:100%;}

/* ---- portlet navigation -------- */

/* menu */
.menu .portlet {
	width: 250px;
}

.menu .portlet .inner{ }
.menu .portlet .header-border {
	/*border:1px solid #b4b7b9;*/
}
.menu .portlet .zone3 .center	{
	padding: 15px 25px;
}

.menu .menu-inactive {
	width: 150px;
	height: 30px;
	padding: 6px 2px 6px 0;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #777777;
}

.menu .menu-active {
	width: 150px;
	height: 30px;
	padding: 6px 2px 6px 0;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF8F00;
	cursor: default;
}

	/* links */
	.menu a { font-family:arial, Helvetica,sans-serif; font-size:14px; font-weight: bold; text-decoration:none !important }
	.menu a:hover, .menu a:active { color:#FF8F00; text-decoration:none }

	.menu .menu-inactive a:link, .menu .inactive a:visited { color: #777777; text-decoration:none }
	.menu .menu-inactive a:hover, .menu .inactive a:active { color: #FF8F00; text-decoration:none;}

/*submenu*/
.menu .submenu-content-zone {padding:5px 3px 5px 6px; background:url(../images/submenu-content-zone.gif) repeat-x left top; border-bottom:1px solid #b4b7b9; }
.menu .submenu {font-family:arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; background-image:url(../images/submenu_bullet2.gif); background-repeat:no-repeat; background-position:3px 7px; background-color:transparent; padding:2px 2px 1px 10px; color:#626a6D}
	/*links*/
  .menu .submenu a {font-family:arial,Helvetica,sans-serif; font-size:12px; font-weight:normal}
  .menu .submenu a:link,.menu .submenu a:visited {color:#626a6D; text-decoration:none}
  .menu .submenu a:hover,.menu .submenu a:active {color:#a87635; text-decoration:none}
/*submenu active*/
.menu .submenu-active {font-family:arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; background-image:url(../images/submenu_bullet2.gif); background-repeat:no-repeat; background-position:3px 7px; background-color:transparent; padding:2px 2px 1px 10px; color:#7670c9}
	/*links*/
	.menu .submenu-active a {font-family:arial; font-size:12px; font-weight:normal}
	.menu .submenu-active a:link, .menu .submenu-active a:visited {color:#FD7D02; text-decoration:none}
	.menu .submenu-active a:hover, .menu .submenu-active a:active {color:#a87635; text-decoration:none}

/*menu ul items*/
.menu ul {margin:0px; padding:0px; list-style:none; }
.menu li {margin:0px; padding:0px; display:inline; line-height:11px;}
.menu a { font-family:arial, Helvetica,sans-serif; font-size:14px;}
.menu span {margin:0px; display:block; }

/*niveau 1*/
.menu ul li span { background:white url(../images/ncmenu.gif) no-repeat left bottom; padding:8px 4px 12px 26px;}
.menu ul li span a { font-weight:normal; }
	/*inactive*/
	.menu .inactive a:link, .menu .inactive a:visited { color:#606364; text-decoration:none }
	.menu .inactive a:hover, .menu .inactive a:active { color:#DF0000; text-decoration:none }
	/*active*/
	.menu .active a:link, .menu .active a:visited { color:#DF0000; text-decoration:none }
	.menu .active a:hover, .menu .active a:active { color:#DF0000; text-decoration:none }

/*niveau 2*/
.menu ul ul {background:#F0F1F3; margin:0px 7px 3px 5px; padding-bottom:5px; border:1px solid #DaDEDF; border-top:none}
/*item*/
.menu ul ul li span { background:transparent url(../images/mepmenu.gif) no-repeat 0px 6px; padding:9px 2px 5px 30px; margin-left:7px}
.menu ul ul li span a { font-size:10px; font-weight:normal; }
	/*inactive*/
	.menu ul ul .inactive a:link, .menu ul ul .inactive a:visited { color:#565867; text-decoration:none }
	.menu ul ul .inactive a:hover, .menu ul ul .inactive a:active { color:#DF0000; text-decoration:none }
	/*active*/
	.menu ul ul .active a:link, .menu ul ul .active a:visited { color:#FD7D02; text-decoration:none }
	.menu ul ul .active a:hover, .menu ul ul .active a:active { color:#DF0000; text-decoration:none }

/*niveau 3 et plus*/
.menu ul ul ul {background:transparent; margin:0px 0px 0px 10px; padding-bottom:0px; border:none}
	.menu ul ul ul .inactive a:link, .menu ul ul ul .inactive a:visited { color:#565867 }
	.menu ul ul ul .inactive a:hover, .menu ul ul ul .inactive a:active { color:#DF0000 }

/* tabs */
.portlet .portletnav {
  /*background-color: transparent;*/
	background-color: #4a453f;
}

.portlet .portletnav .outer {
	float: left
  padding: 0px;
  margin: 0px;
}

/* alignment */
.portlet .portletnav .leftmargin {
	display: none;
  /*width: 9px;
  height: 24px;
	background-image: url(../images/portletnavleftmg.gif);
	background-repeat: no-repeat;*/
}

.portlet .portletnav .left {}

.portlet .portletnav .content {
  height: 24px;
	padding: 0px 9px 0px 9px;
	color: #565867;
  font-family: arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
	/*background: url(../images/tabnav2back3.gif) repeat-x right top;*/
}

.portlet .portletnav .right {
  display: none
}

.portlet .portletnav .left-active {}

.portlet .portletnav .content-active {
	position: relative;
  height: 46px;
	padding: 0px 9px 0px 9px;
	color: #fff;
  font-family: arial, Helveticasans-serif;
  font-size: 14px;
  /*font-weight: bold;*/
  text-decoration: none;
	/*background-image: url(../images/tabnav2backa4.gif);*/
	/*background-repeat: repeat-x;*/
}

.portlet .portletnav .content-active::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 45px;
	height: 3px;
	margin: auto;
	background-color: #FF8F00;
}

.portlet .portletnav .right-active {}

.portlet .portletnav .rightmargin {
	display: none;
	/*width: 9px;
  background-image: url(../images/portletnavrightmg.gif);
  background-repeat: no-repeat;*/
}

/* links */
.portletnav a {
  font-family: arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none !important
}

.portletnav a:link,
.portletnav a:visited {
  color: #a29F9C;
  text-decoration: none
}

.portletnav a:hover,
.portletnav a:active {
  color: #fff;
  text-decoration: none
}

/* steps */
.step { padding:6px 4px 10px 4px; background-color:white }

.step .stepnav { height:29px; background-image:url(../images/stepnavunder.gif); background-repeat:repeat-x;}
.step .stepnav .outer { padding:0px; margin:0px; float:left; } /* alignment */
.step .stepnav .leftmargin { display:none; }
.step .stepnav .left { height:29px; width:8px; background-image:url(../images/stepnavleft.gif); background-repeat:no-repeat; }
.step .stepnav .content {height:29px; background-image:url(../images/stepnavback.gif); color:#565867; background-repeat:repeat-x; padding:1px 5px 8px 5px; cursor:hand;}
.step .stepnav .right { width:8px; background-image:url(../images/stepnavright.gif); background-repeat:no-repeat; background-color:transparent}
.step .stepnav .left-active { height:29px; width:12px; background-image:url(../images/stepnavlefta.gif); background-repeat:no-repeat; }
.step .stepnav .content-active { height:29px; background-image:url(../images/stepnavbacka.gif); background-repeat:repeat-x; font-family:arial, Helvetica,sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#373737;  padding:1px 5px 8px 5px; }
.step .stepnav .right-active { width:12px; background-image:url(../images/stepnavrighta.gif); background-repeat:no-repeat; }
.step .stepnav .rightmargin { display:none;}

	/* links */
	.stepnav a { font-family:arial, Helvetica,sans-serif; font-size:12px; font-weight:normal; text-decoration:none !important }
	.stepnav a:link, .stepnav a:visited { color:#7e7e7e; text-decoration:none }
	.stepnav a:hover, .stepnav a:active { color:#C80000; text-decoration:none }

.step .buttons-outer { background-image:none; padding:10px 0px 0px 0px; }
.step .header-helper { }
.step .content-zone {  background-color:#F4F4F4;  }
.step .content-zone .buttons-outer { padding-bottom:5px }
.step .grid, .step .grid-content-zone {border:none}
.step .section-content .table-border {border:none}
.portlet .zone3 .center .step .content-zone { background-color:#F4F4F4; border-left:1px solid #abb0b3; border-right:1px solid #abb0b3; border-bottom:1px solid #abb0b3}

/* ---- portlet content ----------- */

.header-border {border-collapse:collapse; border:1px solid #abb0b3;;}
.application .header-border {border:none}

/* headers */
.header-level1 {
	height: 42px;
  padding: 5px 5px 7px 24px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #290F1C;
  font-weight: normal;
	border-top: 1px solid #abb0b3;
	border-bottom: 1px solid #ececec;
	/*background-repeat: no-repeat;
	background-position: top left;
	background-image: url(../images/h1back2.gif);*/
}

h1 {
  font-size: 13px;
  font-weight: bold;
}

.header-level1-collapsed {
	height: 36px;
  font-family: arial, Helvetica, sans-serif;
  padding: 5px 5px 5px 30px;
  font-size: 14px;
  font-weight: normal;
  color: #3b3737;
	cursor: default;
	/*background-image: url(../images/h1collapsed.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: bottom left;
  border-top: 1px solid #abb0b3;
  border-left: 1px solid #abb0b3;
  border-right: 1px solid #abb0b3;*/
}

.header-level1-expanded {
	height: 36px;
  padding: 5px 5px 5px 30px;
	font-family: arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #3b3737;
	/*background-image: url(../images/h1expanded.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: bottom left;
  border-top: 1px solid #abb0b3;
  border-left: 1px solid #abb0b3;
  border-right: 1px solid #abb0b3;*/
	cursor: default;
}

.header-level2 {
  background-color: #C8CaCC;
  padding: 5px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background-image: url(../images/bullet_h1.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
  border: 1px solid #797C82;
  color: #290F1C;
  background-position: 6px 5px;
}

h2 {
  font-size: 12px;
  font-weight: bold;
}

.header-level2-collapsed {
  cursor: pointer;
  cursor: hand;
  font-family: arial, Helvetica, sans-serif;
  padding: 5px;
  padding-left: 42px;
  font-size: 11px;
  font-weight: bold;
  background-image: url(../images/h2collapsed.gif);
  background-repeat: no-repeat;
  background-color: #93959b;
  background-position: top left;
  color: #F6F6F6;
  height: 21px;
  border: 1px solid #797C82;
}

.header-level2-expanded {
  cursor: pointer;
  cursor: hand;
  font-family: arial, Helvetica, sans-serif;
  padding: 5px;
  padding-left: 42px;
  font-size: 11px;
  font-weight: bold;
  background-image: url(../images/h2expanded.gif);
  background-repeat: no-repeat;
  background-color: #F54343;
  background-position: top left;
  color: #F6F6F6;
  height: 21px;
  border: 1px solid #797C82;
}

.header-level3 {
  background-color: #C8CaCC;
  padding: 5px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background-image: url(../images/bullet_h1.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
  border: 1px solid #797C82;
  color: #290F1C;
  background-position: 6px 5px
}

h3 {
  font-size: 14px;
  font-weight: bold;
}

.header-level3-collapsed {
  cursor: pointer;
  cursor: hand;
  font-family: arial, Helvetica, sans-serif;
  padding: 5px;
  padding-left: 62px;
  font-size: 11px;
  font-weight: bold;
  background-image: url(../images/h3collapsed.gif);
  background-repeat: no-repeat;
  background-color: #93959b;
  background-position: top left;
  color: #F6F6F6;
  height: 21px;
  border: 1px solid #797C82;
}

.header-level3-expanded {
  cursor: pointer;
  cursor: hand;
  font-family: arial, Helvetica, sans-serif;
  padding: 5px;
  padding-left: 62px;
  font-size: 11px;
  font-weight: bold;
  background-image: url(../images/h3expanded.gif);
  background-repeat: no-repeat;
  background-color: #F54343;
  background-position: top left;
  color: #F6F6F6;
  height: 21px;
  border: 1px solid #797C82;
}

.header-level4 {
  font-family: arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding: 2px 2px 4px 2px;
  color: #FEb301
}

h4 {
  font-size: 13px;
  font-weight: bold;
  color: #FEb301
}

.header-level5 {
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #FEb301;
  padding: 2px 2px 4px 2px;
}

h5 {
  font-size: 12px;
  font-weight: bold;
  color: #FEb301
}

.header-level6 {
  font-family: arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #655E68;
  padding: 2px 0px 2px 12px
}

h6 {
  font-size: 11px;
  font-weight: bold;
  color: #FEb301
}

.header-error {
  border: 1px solid #797C82;
  text-align: center;
  padding: 2px 4px 2px 4px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color: white;
  color: red;
  cursor: hand
}

.header-helper {
	min-height: 36px;
  padding: 15px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
	line-height: 16px;
  font-weight: normal;
  color: #777;
	background-color: #efefef;
	border: 1px solid #ececec;
}

.header-helper .text-style1 {
  font-weight: bold;
}

/*red collapse error*/
.header-level1-expanded .error {color:red!important}

.header-nav { background-color:white;}

/* content zones (text block, text+image, tables...) */
.content-zone { padding:8px; background-color:white;}
.application .content-zone { }

.content-zone2 {padding:8px; background-color:white;}

.footer-level1 { background:url(../images/footer-level1.gif) repeat-x bottom left; padding:3px; font-family:arial, Helvetica,sans-serif; font-size:10px; border-bottom:1px solid #FFF;  color:#240615;}
	/* links */
	.footer-level1 a:link, .footer-level1 a:visited { color:#240615; text-decoration:none }
	.footer-level1 a:active, .footer-level1 a:hover { color:red }

/* texts */
.text-level1 { font-family:arial, Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#52514e; padding:2px 0px 0px 2px }
.text-level2 { font-family:arial, Helvetica,sans-serif; font-size:9px; font-weight:normal; color:#717171; padding:2px 0px 2px 12px }
.text-style1 { font-weight:bold; font-family:arial, Helvetica,sans-serif; font-size:12px;}
.text-style2 { font-style:italic }
.text-style3 { color:#c75900 }

.text-highlighted	{
	color: #ff2e69;
	/*color: #FF8F00;*/
}

.text-readonly, td.text-readonly { color:#8F919E }

/*fck contents render*/
.fckcontent {margin-bottom:20px;}
.fckcontent td {font-family:arial,helvetica,sans-serif; font-size:12px; color:#655E68}
.fckcontent strong,.fckcontent b { font-weight:bold; font-family:verdana,arial,sans-serif }

/* text alignments */
.text-align1 { text-align:left }
.text-align2 { text-align:center }
.text-align3 { text-align:right }

/* images */
.image-outer {border:1px solid #797C82; margin:4px 4px 4px 4px }

/* lists */
.text-list { padding:1px; font-family:arial, Helvetica,sans-serif; font-size:12px; background-image:url(../images/bullet_list2.gif); background-repeat:no-repeat; padding-left:18px; background-position:4px 6px; color:#655E68 }
.text-link-list { padding:1px; font-family:arial, Helvetica,sans-serif; font-size:12px; background-image:url(../images/link_arrowb.gif); background-repeat:no-repeat; padding-left:18px; background-position:5px 5px; color:#655E68 }

/* tables */
.table-border {border-collapse:collapse;}
.table-header {border:1px solid #aaaEb1; padding:2px 4px 2px 4px; font-family:arial, Helvetica,sans-serif; font-size:11px; font-weight:normal; background-color:#bEC2C5; color:#240615}
.cell-header { border:1px solid #abb0b3; padding:6px 4px; font-family:arial, Helvetica,sans-serif; font-size:12px; font-weight:bold; background-color:#dadbdc; color:#4E4949}

.cell-full {
	padding: 10px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
}

.cell1 {
  padding: 10px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #6b605b;
  background-color: #F1F2F2;
	border: 1px solid #aFb1b4;
}

.cell2 {
  padding: 10px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
	line-height: 16px;
  color: #6b605b;
  background-color: white;
	border: 1px solid #aFb1b4;
}

/* Modification websis, ajout de cellule de couleur alternees, comme cell1 et cell2 mais customisees, pour le moment, seule la couleur du text est mise en orange*/
.cell-unread { color:#F68b1F; font-weight:bold}

.cell-footer{border:1px solid #787b81; padding:2px 4px 2px 4px; font-family:arial, Helvetica,sans-serif; font-size:12px; font-weight:normal; background-color:#bEC2C5; color:#240615;}
.cell-highlighted { border:1px solid #aaaEb1; padding:2px 4px 2px 4px; font-family:arial, Helvetica,sans-serif; font-size:12px; font-weight:bold; background-color:#F36459; color:white; cursor:pointer; cursor:hand }

/* links */
.cell-header a:link, .cell-header a:visited { color:#4e4949 }

.cell-header a:hover,
.cell-header a:active {
	color: #FF8F00;
}

/*table bullet lists*/
.cell1 ul, .cell2 ul {margin:0px; padding:0px;}

.cell1 li,
.cell2 li {
	padding-left: 13px;
	font-size: 12px;
	list-style: none;
	background-position: 0px 5px;
}
/*td inside cells*/
.cell1 td, .cell2 td { font-size:11px; }

/* forms tables */
.form-style1, .form-style2 {}

.form-style1 .table-border {border:none}
.form-style1 .cell1 { text-align:right; background-color:transparent; border:0px; padding:4px 2px 4px 8px; color:#685640 }
.form-style1 .cell2 { text-align:left; padding:4px 8px 4px 8px; background-color:transparent; border:0px; padding-left:10px; } /* background-position Mozilla;IE */

.form-style2 .table-border { border:1px solid #C0C8CE; }

.form-style2 .cell1 {
	/*text-align:right;*/
	/*padding: 2px 8px 2px 8px;*/
}

/*.form-style2 .cell2 { padding:2px 8px 2px 8px; }*/

/* radios and checkboxes group */
.radiogroup {}
.radiogroup #topbuttons.buttons-outer { padding:3px 0px 8px 0px; margin:2px 2px 4px 2px; background-image:url(../images/buttons_outer.gif); background-position:left bottom;}
.radiogroup td {font-family:arial, Helvetica,sans-serif; font-size:11px; padding:0px 10px 0px 0px;}

/* ---- buttons ----------- */

/* outer */
.buttons-outer {
	/*background: url(../images/buttons_outer.gif) no-repeat right 2px;*/
	padding: 14px 0px 0px 0px;
	text-align: right;
	margin-top: 4px;
}

.buttons-outer .buttons-outer-left { text-align:left; background-image:none; }
.buttons-outer .buttons-outer-right  { text-align:right; background-image:none; }
#topbuttons.buttons-outer {background-image:none; padding:0px 0px 10px 0px;}

/* main */
.button {
	position: relative;
	height: 36px;
	margin-right: 15px;
	padding: 8px 10px;
	line-height: 36px;
	font-size: 14px !important;
	font-weight: normal !important;
	background-color: #FF8F00;
	border-radius: 3px;
}

.button:last-child {
	margin-right: 0;
}

.button a:link,
.button a:visited {
	width: 100%;
	height: 36px;
	color: #fff;
	text-decoration: none;
}

.button:active {
	background-color: #F8a63C;
}

.button:hover {
	background-color: #FF6F00;
	cursor: pointer;
}

.button.action-add-user,
.button.action-support-message {
	display: inherit;
	margin-bottom: 15px;
}

.button.action-refresh {
	vertical-align: middle;
	display: inline-block;
	width: 26px;
	height: 26px;
	padding: 0;
	background: none;
}

.login-btn-validate {
	width: 100%;
	height: 45px;
}

.login-btn-validate .button {
	display: table;
	width: 100%;
	text-align: center;
}

.login-btn-validate .button a:link,
.login-btn-validate .button a:visited {
	display: block;
	height: 45px;
	line-height: 45px;
	color: #fff;
}

.not-button .button {
	position: relative;
	height: 36px;
	margin-right: 15px;
	padding: 8px 0;
	line-height: 36px;
	color: #777;
	font-size: 14px !important;
	font-weight: normal !important;
	text-align: left;
	background: none;
	border-radius: 0;
}

.not-button .button span {
	padding: 0 !important;
}

.not-button .button a:link,
.not-button .button a:visited {
	display: block;
	float: left;
	width: auto;
	color: #777;
}

.not-button .button:active,
.not-button .button:hover,
.not-button .button:active a,
.not-button .button:active a:link,
.not-button .button:hover a {
	color: #FF8F00;
	background: none;
	text-decoration: underline;
}

.forgot-password {
	display: block;
	height: 36px;
	margin: 0;
}

/* links */

/* menu button */
.button img {margin:2px 0px 0px 5px;}

/* button1 */
.button1-part0 {
	white-space: nowrap;
}

.button1-part1 {
	white-space:nowrap;
	font-family: arial, Helvetica, sans-serif;
	padding: 5px 15px 6px 15px;
}

.button1-part0-down {
	padding: 5px 15px 6px 15px;
}

.button1-part1,
.button1-part0,
.button2-part0,
.button2-part1,
.button3-part0,
.button3-part1,
.button1-part1-down,
.button1-part0-down,
.button2-part0-down,
.button2-part1-down,
.button3-part0-down,
.button3-part1-down {
	padding: 5px !important;
	font-size: 14px !important;
	font-weight: normal !important;
}

.button img { vertical-align: inherit }

/* ---- bars ----------- */

/* parts */
.bar-outer { font-size:1px }
.bar { background-color:#ffffff; border:1px solid #afb6c1;}
.bar-gauge {background-image:url(../images/barbg.gif); border-right:1px solid #afb6c1; font-size:9px}
.bar-text {width:26px; font-family:arial, Helvetica,sans-serif; font-weight:normal; color:#E30606; font-size:11px; margin:0px 3px 0px 0px; text-align:right}

/* ---- component::grid ----------- */

.grid {height:100%; }
.grid .header-border {border:none}

/* headers and footer */
.grid-header1 {height:36px; background-color:#FbFbFb; font-family:arial, Helvetica,sans-serif; font-size:11px; font-weight:bold; background-image:url(../images/grid-header.gif); background-repeat:repeat-x; padding:4px 3px 2px 3px; border-top:1px solid #abb0b3; border-left:1px solid #abb0b3; border-right:1px solid #abb0b3; color:#ffffff; background-position:left bottom }
.grid-header2 { background-color:#CFD0Cb; padding:3px; font-family:arial, Helvetica,sans-serif; font-size:11px; font-weight:bold; padding:4px 3px 2px 3px; border-left:1px solid #abb0b3; border-right:1px solid #abb0b3; border-bottom:1px solid #abb0b3; color:#645050; }
.grid-footer {height:36px; background:url(../images/grid-header.gif) repeat-x left bottom; padding:4px 3px 2px 3px; font-family:arial, Helvetica,sans-serif; font-size:11px; font-weight:bold; border-top:0px solid #cfd3d5; border-left:1px solid #abb0b3; border-right:1px solid #abb0b3; color:#ffffff;}

/* content */
.grid-content-zone { padding:4px 8px 8px 8px; height:100%; background-color:#f2f2f2; /*border-left:1px solid #abb0b3; border-right:1px solid #abb0b3; border-top:1px solid #fff*/border:1px solid #abb0b3;}

/* buttons */
.grid .buttons-outer { text-align:left !important; background-image:none !important; padding:0px 0px 8px 0px; }

/* history */
.grid-history { font-family:arial, Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#DF0000; padding:0px 2px 8px 2px; }

/* texts */
.grid .grid-header1 .text-level1, .simple-grid .grid-header1 .text-level1 { font-size:11px; font-weight:normal; color:#645050; font-family:arial, Helvetica, sans-serif; padding:0px 0px 0px 2px}
.grid .grid-header2 .text-level1, .simple-grid .grid-header2 .text-level1 { font-size:11px; font-weight:normal; color:#645050; font-family:arial, Helvetica, sans-serif }
.grid .grid-footer .text-level1, .simple-grid .grid-footer .text-level1 { font-size:11px; font-weight:normal; color:#645050; font-family:arial, Helvetica, sans-serif }
.grid .grid-header1 .text-level2, .simple-grid .grid-header1 .text-level2 { font-size:11px; color:#645050; padding:0px 2px 0px 2px; font-family:arial, Helvetica, sans-serif}
.grid .grid-header2 .text-level2, .simple-grid .grid-header2 .text-level2 { font-size:11px; color:#645050; padding:0px 2px 0px 2px; font-family:arial, Helvetica, sans-serif}
.grid .grid-footer .text-level2, .simple-grid .grid-footer .text-level2 { font-size:11px; color:#645050; padding:0px 2px 0px 2px; font-family:arial, Helvetica, sans-serif}
.grid .cell-footer, .simple-grid .cell-footer { border-top:none }

/*grid forms*/
.grid-header1 input,.grid-header1 select, .grid-footer input,.grid-footer select  {color:#2a3b54; border:1px solid #969696; background-color:white; background-image:none;}
.grid-header1 .checkbox, .grid-footer .checkbox {border:none; background-color:transparent !important; background-image:none; }

/*--- simple grid -----*/
.simple-grid {height:100%}
.simple-grid .header-border {border:none}

/* headers and footer */
.simple-grid .grid-header1 { }
.simple-grid .grid-header2 {  }
.simple-grid .grid-content-zone { padding:10px; border-top:1px solid #abb0b3 }
.simple-grid .grid-footer {  }

/*grid content*/
.simple-grid .table-border {border:none !important;}
.simple-grid .cell-header { border:none; border-bottom:0px none; background-color:transparent; background-image:none; font-weight:bold}
.simple-grid .cell1 {border:none; background-color:white; padding:4px}
.simple-grid .cell2 {border:none; background-color:white; padding:4px}
.simple-grid .cell-header a {color:#240615 !important}


/*---DataList---*/
.dataList {}
.dataList .header-border {}

/* headers and footer */
.dataList .grid-header1 {height:auto;}
.dataList .grid-header1 .text-level1 { font-size:11px; font-weight:normal; color:#645050;  }
.dataList .grid-header1 .text-level2 { font-size:11px; font-weight:normal; color:#645050;  padding:0px 2px 0px 2px  }
.dataList .grid-footer .text-level1 { font-size:11px; font-weight:normal; color:#645050;  }
.dataList .grid-footer .text-level2 { font-size:11px; font-weight:normal; color:#645050;  padding:0px 2px 0px 2px  }

/* Data zones */
#datazone1 {padding:3px 0px 7px 0px; margin:0px 4px 7px 4px;}
#datazone1 .table-border {border:none}
#datazone1 .text-link-list { margin:2px; }
#datazone1 .text-highlighted {color:#b87340}
#datazone2 {padding:7px}
#datazone2.content-zone {border:1px solid #bDbFC4; background-color:#E9EDF1; padding:13px;}
#datazone2 .header-border {border:1px solid #797C82;}

/* selector */
.selector { background-color:white; height:100% }
.selector .grid { background-color:white }
.selector .buttons-outer { background-image:none !important; padding:5px }
.selector .grid .buttons-outer { padding:5px }
.selector .grid .grid-history { padding:5px 0px 5px 5px; }
.selector .grid-content-zone { overflow:auto; border-top:1px solid #abb0b3; border-bottom:1px solid #abb0b3}

/* datePicker */
#datePicker .header-level1 {background-position:0px 0px;}
#datePicker .text-highlighted {font-family:arial, Helvetica,sans-serif;font-weight:bold; font-size:11px}
#datePicker .content-zone td {cursor:pointer; cursor:hand}
#datePicker a:link, #datePicker a:visited { text-decoration:none; color:black; }
#datePicker .text-highlighted {}
#datePicker .text-highlighted .text-highlighted {border:none}
#datePicker .cell-highlighted a:link, #datePicker .cell-highlighted a:visited { color:white; }
#datePicker .text-highlighted a:link, #datePicker .text-highlighted a:visited { color:#E52569; }
#datePicker .zone1 {height:25px;} /* trick to prevent */
#datePicker .zone3 .center { padding:10px 7px 0px 7px; }
#datePicker .zone4 {height:6px;} /*  wrong aspect */

/*Thumbnail view*/
.thumbnailView {height:260px; overflow:auto; border:1px solid #C0C8CE;}
.list-item {border-bottom:1px solid #C0C8CE;}

/* wizzard */
.wizzard {
	height: 100%;
}

.wizzard .clipart {
	display: none;
  /*background-image: url(../images/mandatory/clipart2.gif);
  backgroud-repeat: no-repeat;
  width: 125px;
  height: 169px;
  margin: 4px 4px 4px 4px;*/
}

.wizzard #zoneb.content-zone {border-left:1px solid #797C82;}

/* simple search*/
#SimpleSearch.grid-header1 {border:1px solid #abb0b3; border-bottom:none}
#SimpleSearch.grid-header1 .text-level1 {font-size:12px; font-weight:bold; color:#645050}
#SimpleSearch.grid-header1 .text-level2 {font-size:12px; font-weight:normal; color:#645050; padding:4px 2px 4px 10px}


/* ---- footer ----------- */

/* main */
.footer {}
.footer .left {  }
.footer .right {  }

/* status message */
.message {
	height: 28px;
	/*background-color: #F9EDa4;
	border-bottom: 1px solid #797C82;*/
}

.message .left {
	height: 28px;
	background-image:none;
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #E34D60;
	padding: 0px 0px 0px 24px;
}

.message .right {  }

/* copyright */
.copyright {
	background: #fff;
	padding: 0px 6px 0px 6px;
}

/* Modification websis, suppression du copyright left (le copyright visativ qui ne doit pas etre affiche), conservation du right (powered by vdoc)*/
/*.copyright .left { height:24px; font-family:arial, Helvetica,sans-serif; font-size:10px; font-weight:normal; color:#626367 } */
.copyright .left { display:none}
.copyright .right { font-family: arial, Helvetica,sans-serif; font-size:10px; font-weight:normal; color:#73757C; text-align:right; }

	/* links */
	.copyright a:link, .copyright a:visited { color:#410F32; text-decoration:none }
	.copyright a:hover, .copyright a:active { color:red; text-decoration:none }


/* ---- popup structure ----------- */

/* main */

.popup  {height:100%; }
.popup .portlet {height:100%; }
.popup .portlet .zone1 .left {display:none}
.popup .portlet .zone1 .icon {}
.popup .portlet .zone1 .right {background-image:url(../images/z1back.gif); width:10px;}
.popup .portlet .zone2 .left {display:none}
.popup .portlet .zone2 .center{}
.popup .portlet .zone2 .right {display:none}
.popup .portlet .zone3 .left {display:none}
.popup .portlet .zone3 .inner {height:100%; padding:2px 7px 7px 7px}
.popup .portlet .zone3 .right {display:none}
.popup .portlet .zone4 .left {display:none}
.popup .portlet .zone4 .center{height:21px}
.popup .portlet .zone4 .right {display:none}
/*vdp ui popup treeview*/
.screen-popup {height:100%;}
.screen-popup form {height:100%;}

/* ---- tooltip ------------ */
.tooltip-content { max-height:350px; overflow-y:hidden;}
.tooltip { border:1px solid #999; color:#240615; background-color:#fff; font-family:arial, Helvetica,sans-serif; font-size:11px; padding:10px; width:250px; z-index:9500; box-shadow: 0 0 10px #999999; border-radius: 5px; word-wrap:break-word; }
.tooltip .hl { color:#FF2F68 }
.tooltip ul {margin:0px 0px 2px 0px; padding:0px; list-style:none; }
.tooltip li {padding:4px 8px; background-position:0px 4px; line-height:10px; font-size:11px; color:#000000; background:url(../images/black-bullet.png) no-repeat left center}
.tooltip .actor {margin:3px 0 0 0}
.tooltip P {margin:0}
.tooltip .detail .actions {display:none;}
.tooltip .detail .thumbnail { background-position: left center; background-size: auto; background-repeat:no-repeat; width: 128px; height: 128px }
.tooltip .detail .thumbnail img { display: none }
.tooltip .detail .title h4 {margin: 4px 0}
.tooltip .detail .title h4 img { margin-right:5px; }
.tooltip .detail P {margin:0 5px}


/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------ STaRT aCTIONS MENU ------------------*/
.actionsMenu li ul{
	display: none;
}
/*affichage des sous-Menus sur rollover*/
.actionsMenu li:hover > ul{
	display: block;
}

/*-- niveau 1 --*/
/*zone de Menu*/
.actionsMenu {
	position: absolute;
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 20px;
	z-index: 1;
	left: 0px;
	top: 0px;
	max-width: 350px;
	width: 300px;
	min-width: 200px;
}

/*item niveau 1*/
.actionsMenu li {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}

/*premier item du Menu*/
.actionsMenu li.first {}

/*dernier item du Menu*/
.actionsMenu li.last {}

/*lien niveau 1*/
.actionsMenu li a {
	display: block;
	color: black;
	text-decoration: none;
	background-image: none;
	padding: 0px;
}

.actionsMenu li a:link,
.actionsMenu li a:visited,
.actionsMenu li a:hover,
.actionsMenu li a:active {
	text-decoration: none;
}

/*-- niveau 2 --*/
/*zone de sous-Menu*/
.actionsMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.25);
	border: none;
}

.actionsMenu ul ul {
	z-index: 3;
	left: 150px;
	top: 0px;
}

/*item niveau 2*/
.actionsMenu ul li {
	position: relative;
	float: none;
	margin: 0px;
	padding: 0px;
	/*--2009 display:inline; */
}

/*lien item niveau 2*/
.actionsMenu ul li a {
	/* Old */
	/*display: block;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 40px;
	margin: 0px;
  padding: 5px 15px;
  line-height: 1.5;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
}

.actionsMenu ul li a:link,
.actionsMenu ul li a:visited {
	cursor: default;
	color: #777;
	/*background: url(../images/actionsubmenu2.gif) repeat-x left center;*/
	border-bottom: 1px solid #ececec;
}

.actionsMenu ul li.last a:link,
.actionsMenu ul li.last a:visited {
	border: none;
}

/*rollover item niveau 2*/
/*++2009*/
.actionsMenu ul li a:hover,
.actionsMenu ul li a.disabled:hover {
	/*background: url(../images/actionsubmenu2hover.gif) repeat-x left center;*/
	color: #000;
	font-weight: normal;
	background-color: #ececec;
	/*border-bottom: 1px solid #7a7e7e;*/
	cursor: pointer;
}

.actionsMenu ul li a span {
	/*padding: 5px;*/
}

/*++2009*/
.actionsMenu ul li a.other:link,
.actionsMenu ul li a.other:visited,
.actionsMenu ul li.withsubmenu a.other:link,
.actionsMenu ul li.withsubmenu a.other:visited {
	background: url(../images/menuother2.gif) repeat-x left top;
	background-color: #C8930D;
	color: #FFFFFF;
	font-weight: normal;
	border-bottom: 1px solid #7a7e7e;
}

/*++2009*/
.actionsMenu ul li a.other:hover {
	background: url(../images/actionsubmenu2hover.gif) repeat-x left center;
	color: #fff224;
	font-weight: normal;
	border-bottom: 1px solid #7a7e7e;
}

.actionsMenu .disabled,
.actionsMenu .withsubmenu .disabled {
	background-color: #b7b7b7;
	color: #727272;
	font-weight: normal;
	border-top: 1px solid #C7C8Da;
	border-bottom: 1px solid #aaaaaa
}

.actionsMenu .withsubmenu {
	position: relative;
}

.actionsMenu .withsubmenu::after {
	display: block;
	content: '';
	position: absolute;
	top: 13px;
	right: 5px;
	width: 14px;
	height: 14px;
	background: url(../images/chevron-right.svg) no-repeat center;
	background-size: 18px;
}

.actionsMenu .withsubmenu a:link,
.actionsMenu .withsubmenu a:visited {
	background-color: #fff;
	/*background-image: url(../images/actionsubmenu3.gif);*/
	/*background-repeat: no-repeat;
	background-position: right top;*/
}

.actionsMenu .withsubmenu a:hover {
	/*background-image: url(../images/actionsubmenu4hover.gif);
	background-repeat: no-repeat;
	background-position: right top;*/
	color: #000;
	font-weight: normal;
	background-color: #ececec;
}

.actionsMenu .withsubmenu span,
.actionsMenu a:hover.withsubmenu span {
	margin-right: 10px
}

/*no arrows on submenu*/
.actionsMenu .withsubmenu ul li a:link,
.actionsMenu .withsubmenu ul li a:visited {
	/*background: url(../images/actionsubmenu2.gif) repeat-x left center*/
	background-color: #fff;
}

.actionsMenu .withsubmenu ul li a:hover,
.actionsMenu .withsubmenu ul li a.other:hover {
	/*background: url(../images/actionsubmenu2hover.gif) repeat-x left center*/
	color: #000;
	font-weight: normal;
	background-color: #ececec;
}
/*------------------ END aCTIONS MENU ------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/

/*---sections---*/
/* form section */
.section,.empty-section { }

.section .section-header,
.empty-section .section-header {
	height: 24px;
	padding: 2px 4px 5px 0px;
	background-color: #ffffff;
	/*background: url(../images/section.gif) repeat-x left bottom;*/
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #393737;
	border-bottom: 1px solid #ddd;
}

.subsection .section-header,
.empty-subsection .section-header {
	height: 24px;
	padding: 2px 4px 5px 0px;
	background-color: #ffffff;
	/*background: url(../images/section.gif) repeat-x left bottom;*/
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #393737;
	border: none;
}

.section .section-content {background-color:white; padding-top:5px}
.section .section-inner {}
.section .section-footer {display:none}
/*.empty-section .section-header  { height:24px; padding:2px 4px 5px 0px; background-color:#ffffff; background:url(../images/section.gif) repeat-x left bottom; font-family:arial,Helvetica,sans-serif; font-size:15px; font-weight:normal; color:#393737;}*/
.empty-section .section-footer { display:none; }

/* form subsection */
.subsection, .empty-subsection {margin:0px 5px 5px 5px;}

/*.subsection .section-header {height:24px; padding:2px 4px 5px 0px; background-color:#ffffff; background:url(../images/section.gif) repeat-x left bottom; font-family:arial,Helvetica,sans-serif; font-size:13px; font-weight:normal; color:#393737;}*/
.subsection .section-content {background-color:white}
.subsection .section-footer {display:none}
/*.empty-subsection .section-header {height:24px; padding:2px 4px 5px 0px; background-color:#ffffff; background:url(../images/section.gif) repeat-x left bottom; font-family:arial,Helvetica,sans-serif; font-size:13px; font-weight:normal; color:#393737;}*/

/* sections cells */
.cell-left {
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #473E4b;
  text-align: right;
  padding: 10px;
  background-color: #F1F2F2;
  vertical-align: middle;
  border: 1px solid #C0C4C8;
}

.cell-right {
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #473E4b;
  text-align: left;
  padding: 10px;
  vertical-align: middle;
  border: 1px solid #C0C4C8;
  background-color: white;
}
/*step section*/
.step .section {background-color:white; padding:5px; border:1px solid #C0C4C8}

/*wizard and forms tables inside fields*/
.wizzard .cell2 .cell1,.form-style1 .cell2 .cell1,.form-style2 .cell2 .cell1 { border:1px solid #C0C8CE; padding:2px 4px 2px 4px; font-family:arial,Helvetica,sans-serif; font-size:11px; color:#473E4b; background-color:#DDE2E4; background-image:none; width:auto; text-align:left; }
.wizzard .cell2 .cell2,.form-style1 .cell2 .cell2,.form-style2 .cell2 .cell2 { border:1px solid #C0C8CE; padding:2px 4px 2px 4px; font-family:arial,Helvetica,sans-serif; font-size:11px; color:#473E4b; background-color:white; background-image:none; width:auto }

/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*------------------- STaRT DaTEPICKER -----------------------*/
/*general*/
.ui-widget {
	font-family: arial, Helvetica, sans-serif;
}

.ui-widget-header {
	background: none;
	border: 0px;
	color: #FFFFFF
}

.ui-widget-content {
	/*border: 1px solid #524D4b;*/
	color: #333333;
	background-color: #fff;
	border: none;
	border-radius: 0;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.25);
}

/*header*/
.ui-datepicker {
	z-index: 9070 !important
	width: auto;
	padding: 0 5px;
	/*background: #FFFFFF url(../images/header-dp.gif) repeat-x left top;*/
	background-color: #fff;
}

.ui-datepicker .ui-datepicker-header {
	margin-top: 0em
}

.ui-datepicker th {
	padding: 16px 1px 16px 1px;
	font-weight: normal;
	color: #383433;
	font-size: 12px;
	width: 31px
}

.ui-datepicker select.ui-datepicker-month {
	margin: 3px 5px 0 0
}

.ui-datepicker select.ui-datepicker-month {
	width: 90px
}

.ui-datepicker select.ui-datepicker-year {
	width: 55px
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 11px;
	font-family: arial, Helvetica, sans-serif
}

.ui-datepicker .ui-datepicker-title {
	font-size: 14px;
	line-height: 1.7em;
	text-align: center;
	margin-top: 2px
}

/*cell*/
.ui-datepicker td a:link,
.ui-datepicker td a:visited {
	width: 21px;
	height: 21px;
	margin: 0 auto;
	/*padding: 5px;*/
	padding: 0.4em;
	line-height: 21px;
	border-radius: 21px;
}

.ui-datepicker td a:hover,
.ui-datepicker td a:active {
	width: 21px;
	height: 21px;
	margin: 0 auto;
	/*padding: 5px;*/
	padding: 0.4em;
	line-height: 21px;
	border-radius: 21px;
}

.ui-datepicker-calendar .ui-state-default {
	color: #797979;
	font-weight: normal;
	font-size: 11px;
	text-align: center;
	background: none;
	border: none;
}

/*current day*/
.ui-datepicker-current-day .ui-state-default {
	color: #FFF;
	font-weight: bold;
	padding: 0.4em;
	line-height: 21px;
	border-radius: 21px;
	border: none !important;
	background-color: #FF8F00;
}

.ui-datepicker-current-day .ui-state-default.ui-state-active {
	background-color: #FF6F00;
}

/*rollover on today, week-end ans default cell*/
.ui-datepicker-calendar a:hover {
	background-color: #ececec;
}

.ui-datepicker-calendar .ui-datepicker-week-end a:hover {
	background-color: #ececec;
}

.ui-datepicker-calendar .ui-datepicker-today {}

.ui-datepicker-calendar .ui-datepicker-today a:link,
.ui-datepicker-calendar .ui-datepicker-today a:visited {
	color: #fff;
	background-color: #FF8F00;
}

.ui-datepicker-calendar .ui-datepicker-today a:hover,
.ui-datepicker-calendar .ui-datepicker-today a:active {
	padding: 0.4em;
	line-height: 21px;
	border-radius: 21px;
}

.ui-widget-header .ui-state-hover {
	background: #ececec;
	border: none;
	cursor: pointer;
}

/*week-end cell style*/
.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {
	background: #E6E6E3;
	border-radius: 0;
}

.ui-datepicker .ui-datepicker-week-end {
	padding: 0 1px;
	width: 31px
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	top: 17px;
}

.ui-datepicker .ui-datepicker-prev {
	left: 7px;
}

.ui-datepicker .ui-datepicker-next {
	right: 7px;
}

/*buttons*/
.ui-datepicker .ui-datepicker-prev span {
	background: url(../images/chevron-left.svg) no-repeat center;
}

.ui-datepicker .ui-datepicker-next span {
	background: url(../images/chevron-right.svg) no-repeat center;
}

.ui-datepicker .ui-datepicker-buttonpane {
	border: 0;
	height: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	height: 36px;
	margin: 0.8em 0em 10px 0em;
	padding: 0.2em 0.6em;
	font-size: 14px;
	font-weight: normal !important;
	font-family: arial, Helvetica, sans-serif;
	color: #fff;
	background: #FF8F00;
	border: none;
}

.ui-datepicker .ui-datepicker-buttonpane button:hover {
	background: #FF6F00;
	border: none;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: 1;
}

/*week-style*/
td.ui-datepicker-week-col {
	font-size: 11px;
	vertical-align: bottom;
	padding-bottom: 2px;
	padding-right: 10px;
	background: url(../images/arrow-week.gif) no-repeat 17px 8px
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	height: 22px;
}

/*other months*/
.ui-datepicker .ui-datepicker-other-month .ui-state-default {
	color: #797979;
	border: 1px solid #CECFCa;
	background: white
}

.ui-datepicker-other-month {
	filter: alpha(Opacity=30);
}

.ui-datepicker-current {
	filter: alpha(Opacity=100)!important;
}

/*date-field & time-field inline*/
.date-field a {
	margin: 0 0 0 2px
}

.datetime-field {
	display: block;
	padding: 1px 0px
}

.datetime-field .date-field,
.datetime-field .time-field {
	display: inline
}

.datetime-field .date-field {
	margin-right: 3px
}

/*period field inline*/
.period-field-inline {
	display: inline;
}

.period-field-inline .date-field {
	display: inline-block;
	margin-right: 15px
}

.period-field-inline .datetime-field {
	display: inline;
	margin-right: 15px
}

.period-field-inline .datetime-field .date-field,
.period-field-inline .datetime-field .time-field {
	display: inline
}

.period-field-inline .datetime-field .date-field {
	margin-right: 3px
}

.period-field-inline .time-field {
	display: inline;
	margin-right: 15px;
}

/*period-field*/
.period-field {
	display: inline
}
/*------------------- END DaTEPICKER -----------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/

/*---context messages---*/

/*message indicator*/
.vui-error-handler {	/*DO NOT MODIFY - message handler gives position to indicator*/	position:relative;vertical-align:top;display:inline;}
.vui-error-indicator {
	position: absolute;
	display: block;
	left: -18px;
	top: -10px;
	width: 18px;
	height: 18px;
	background-image: url(../images/vui-error-indicator.svg);
 	background-position: center center;
	background-repeat: no-repeat;
}

/*common message*/
.vui-context-message { 	position: absolute;	z-index:9010; border-style:solid; border-width:1px; min-width:60px; max-width:300px; box-shadow:2px 2px 3px #cacbc7; border-radius:6px; font-family:arial, Helvetica, sans-serif;	text-align:left;}

/* arrow position depending on message position*/
.vui-context-message .vui-arrow-bottom {
	position: absolute;
	bottom: 0;
	background-repeat: no-repeat;
	width: 25px;
	height: 11px;
}

.vui-context-message .vui-arrow-top { position: absolute; top:-11px; background-repeat: no-repeat; width:25px; height: 11px;}
.vui-context-message-ne .vui-arrow-bottom, .vui-context-message-ne .vui-arrow-top, .vui-context-message-se .vui-arrow-top, .vui-context-message-se .vui-arrow-top { left: 10px; }
.vui-context-message-nw .vui-arrow-bottom , .vui-context-message-nw .vui-arrow-bottom, .vui-context-message-sw .vui-arrow-top , .vui-context-message-sw .vui-arrow-top { right: 10px; }
.vui-context-message-ne .vui-arrow-top, .vui-context-message-nw .vui-arrow-top { display:none }
.vui-context-message-se .vui-arrow-bottom, .vui-context-message-sw .vui-arrow-bottom { display:none }

/*message content*/
.vui-context-message ul { margin:0; padding: 4px 14px  6px 14px; }
.vui-context-message li { list-style: none; margin:0; padding: 2px;  }
.vui-context-message label { width: 200px; font-size: 12px; }
.vui-context-message span span { display:none }

/*error messages*/
.vui-context-error {
	color: #fff;
	border: none;
	background-color: #f7484e;
}

.vui-context-error .vui-arrow-bottom {
	position: relative;
}

.vui-context-error .vui-arrow-bottom::before {
	display: block;
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 4px;
	width: 0;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: #f7484e transparent transparent transparent;
}

.vui-context-error .vui-arrow-top {
	position: relative;
}

.vui-context-error .vui-arrow-top::before {
	display: block;
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 4px;
	width: 0;
	border-style: solid;
	border-width: 0 8px 10px 8px;
	border-color: transparent transparent #f7484e transparent;
}

/*information message*/
.vui-context-info {
	color: #fff;
  background-color: #4a453f;
	border: none;
}


.vui-context-info .vui-arrow-bottom {
	position: relative;
}

.vui-context-info .vui-arrow-bottom::before {
	display: block;
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 4px;
	width: 0;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: #4a453f transparent transparent transparent;
}

.vui-context-info .vui-arrow-top {
	position: relative;
}

.vui-context-info .vui-arrow-top::before {
	display: block;
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 4px;
	width: 0;
	border-style: solid;
	border-width: 0 8px 10px 8px;
	border-color: transparent transparent #4a453f transparent;
}

/*feedback message*/
.vui-context-feedback { background-color: #FDFDC7; border-color: #FEaD12;  color: #FF7E00; padding:8px; width:180px; }

/******************************COMbObOX*************************************/

/*combobox general---------------------------------------------------------*/
.vui-combobox, .vui-combobox-multi { display: inline-block; padding: 0; white-space: nowrap; background: url(../images/vui-combobox-small.png) no-repeat left top;
 height:19px;}
.vui-combobox input, .vui-combobox-multi input { margin: 0; padding: 0 0 0 2px;	border: 0;	background:transparent;	}
.vui-combobox img, .vui-combobox input {vertical-align:middle}
.vui-combobox-opener {	height:19px; width:20px; background:url(../images/vui-combobox-btn.png) no-repeat left top;	vertical-align:top; }
.vui-combobox-opener-hover { height:19px; width:20px; background:url(../images/vui-combobox-btn-hover.png) no-repeat left top; vertical-align:top; cursor:pointer;}
.vui-combobox-items { position: absolute; background:#fff;	border:1px solid #e3e3e3;	font:normal 12px arial, Helvetica, sans-serif;	overflow:auto;}
.vui-combobox-items ul { list-style:none; margin:0;	padding:0;}
.vui-combobox-items .vui-combobox-menu .vui-combobox-item input, .vui-combobox-items .vui-combobox-value .vui-combobox-item input {	vertical-align:middle;	margin-right:3px;}
.vui-combobox-items input.checkbox {margin-top:0px; margin-bottom:3px;}
.vui-combobox-items .vui-combobox-item { padding:2px 3px;  margin-top:1px; cursor:pointer;}
.vui-combobox-item LabEL, .vui-combobox-item .checkbox{cursor:pointer; margin:0; padding:0;}
.vui-combobox-selected-items {vertical-align:middle; padding-top:3px}/*SSSSSSSSSSSSSSSSSS*/
.vui-combobox-selected-items .vui-combobox-item {padding:0 10px 0 0px; vertical-align:middle; white-space:nowrap; display:inline-block;}/*SSSSSSSSSSSSSSSSSS*/

.vui-combobox-items .vui-combobox-item-selected {background:#f5f5f5;}
.vui-combobox-items .vui-combobox-item-hover {background:#3399ff; color:#fff; cursor:pointer;}
.vui-combobox-items .vui-combobox-item-hover label{cursor:pointer;}

.vui-combobox-items .ariaSelected { background:#3399FF; color: #FFFFFF;}

/*emptycombobox-items*/
.vui-combobox-no-item {padding:4px 8px; font-size:11px; color:#FF7E00;}

/*combobox menus*/
/*select all*/
.vui-combobox-selectall {border-bottom: 1px dotted #CCCCCC}
.vui-combobox-items .vui-combobox-selectall { padding:4px 8px 4px 8px; font-weight:bold; }
/*browse link*/
.vui-combobox-menu-browse {border-top: 1px dotted #CCCCCC}
.vui-combobox-menu-browse .vui-combobox-item { padding:4px 8px; }

/*button-delete*/
.vui-delete {background:transparent url(../images/vui-delete.png) no-repeat 3px 1px;  vertical-align:middle; width:15px; height:15px}
.vui-delete-hover {background:transparent url(../images/vui-delete-hover.png) no-repeat 3px 1px; cursor:pointer}
.vui-combobox-selected-items .vui-delete {background:transparent url(../images/vui-delete.png) no-repeat 0px 0px;  vertical-align:middle; width:15px; height:15px}
.vui-combobox-selected-items .vui-delete-hover {background:transparent url(../images/vui-delete-hover.png) no-repeat 0px 0px; cursor:pointer}

/*field size*/
.vui-combobox-verysmall input {width: 20px;}
.vui-combobox-small input {width: 40px;}
.vui-combobox-medium input {width: 230px;}
.vui-combobox-large input {width: 350px;}
.vui-combobox-verysmall .vui-combobox-offset {width: 5px;}
.vui-combobox-small .vui-combobox-offset {width: 25px;}
.vui-combobox-medium .vui-combobox-offset {width: 215px;}
.vui-combobox-large .vui-combobox-offset {width: 335px;}

/*combobox-multi-----------------------------------------------------------*/
.vui-combobox-multi .vui-combobox-selected-items span {vertical-align:bottom}
/*combobox-multi-button-zone*/
.vui-combobox-actions ul{ margin:0; padding:0; list-style:none;}
.vui-combobox-actions ul li {	display:inline;}
/*.vui-combobox-actions .button1-part0, .vui-combobox-actions .button1-part0-down {	background-image:none;	padding:0;}
.vui-combobox-actions .button1-part1, .vui-combobox-actions .button1-part1-down {	background-image:none;	padding:0;	text-decoration:underline;}*/

.vui-combobox-actions .button a:link,
.vui-combobox-actions .button a:visited {
	color: #6563bD;
}

.vui-combobox-actions .button a:hover,
.vui-combobox-actions .button a:active {
	/*color: #Eb0000;*/
	color: #FF8F00;
}
/*combobox-multi-button-plus & minus*/
.vui-combobox-plus a .button1-part1, .vui-combobox-plus a .button1-part1-down {	display:none;}
/*.vui-combobox-plus .button1-part0, .vui-combobox-plus .button1-part0-down {	background-image:url(../images/vui-plus.png);	background-repeat: no-repeat;	background-position: 0px 0px;	padding: 3px 0 0 14px;	height:14px;	display:inline-block;	vertical-align:middle}*/

.vui-combobox-minus, .vui-combobox-plus, .action-plus, .action-minus, .vui-combobox-item {vertical-align:middle}
.vui-combobox-minus a .button1-part1, .vui-combobox-minus a .button1-part1-down {display:none;}
/*.vui-combobox-minus .button1-part0, .vui-combobox-minus .button1-part0-down {	background-image:url(../images/vui-minus.png);	background-repeat: no-repeat;	background-position: 0px 0px;	padding: 3px 0 0 14px;	height:14px;	display:inline-block;	vertical-align:middle;}*/

/*zone filter*/
.grid-header1 .vui-combobox {margin-bottom:0}

.vui-combobox-change {background: url(../images/vui-combobox-small-change.png) no-repeat left top;}
.vui-combobox-change input{color:#FF7E00;}

/**** Combobox - Groupe ****/
.vui-combobox-items .vui-combobox-group {font-weight:bold; padding:3px; margin:0px 0 0px; background:#e9e9e9; border-bottom: 1px solid #3399FF;}
.vui-combobox-menu {padding:4px 0 2px 0; margin:0 0 0px 0}
.vui-combobox-items .vui-combobox-value {padding:3px 0;}
.vui-combobox-value .vui-combobox-item {padding:3px 8px 2px 8px}

li.action-showall, li.action-deleteall {padding-left:0}



/****************************************END Combobox*****************************************************/


/*info indicator*/
.vui-info-handler {	display:inline;	vertical-align:middle;}
.vui-info-handler img,
.vui-noinfo-handler img { width: 12px;height: 12px; border:0 none; margin:0 0 0 4px; }

.vui-info-handler img {
	background-image: url(../images/help-circle.svg);
	background-position: center center;
	background-size: 14px;
	background-repeat: no-repeat;
	cursor: pointer;
}

/*test checkbox radio groups*/
.checkboxgroup #topbuttons,.radiogroup #topbuttons {text-align:left;}
.checkboxgroup table ,.radiogroup table{display:inline}

/****************************************VUIselectOR*****************************************************/
/*----------------------------pseudo lightbox--------------------------*/
.fakelightbox-background { position: absolute; /*pas de fixed : ne fonctionne pas en quirks*/ left:0;  top:0;  z-index:9000;  background-color:#000;  display: block;  }

.fakelightbox-content {
	display: block;
	position: absolute;
	z-index: 9001;
	height: auto !important;
	background: #fff;
	box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3),
              0 0 24px 0 rgba(0, 0, 0, 0.22);
	/*background-image: url(../images/lightbox_header.gif);*/
	/*background-repeat: repeat-x;*/
}

.lightbox-panel table {	height:auto!important }
.lightbox-panel { padding:12px 16px 16px 16px; }
.lightbox-panel h1 { margin-top:10px; font-size:20px; }
.lightbox-panel .informations { font-size:15px;	color:#666060; background-color:#ffffff; background-image:url(../images/lightbox_infos.gif); background-repeat:repeat-x; background-position:left bottom; padding:0 0 16px 0; margin: 15px 0 5px 0; min-height:20px;}
/*.lightbox-panel .button-area { background-image:url(../images/button_area.gif); background-repeat:no-repeat; background-position:right top; }*/
.lightbox-panel .view-area .button-area  { background-image:none; }
.lightbox-panel .button-area .buttons-group ul { text-align:right; }

/*---popup menu handler---*/

.popup-menu-handler { white-space: nowrap }
/* align child elements */
.popup-menu-handler,
.popup-menu-handler img,
.popup-menu-handler span {
	display:inline-block;
	height: 26px;
	line-height: 26px;
	vertical-align:middle; border:0 none;
}
/* left image is hidden by defaut */
.popup-menu-handler .button-imgl { display:none }
/* left part */
.popup-menu-handler span {
	/*background:url(../images/popup-menu-handler-left.png) repeat-x left center;*/
	padding: 0 5px;
	background-color: #fff;
	border-radius: 3px 0 0 3px;
	border-right: 1px solid transparent;
}
.popup-menu-handler span a { color:#000; text-decoration: none }
.popup-menu-handler span input[type='checkbox'] { border:0 none; }
/* right part (trick: hide left border of the image) */
.popup-menu-handler .button-imgr {
	/*width:23px;*/
	/*background:url(../images/popup-menu-handler-right.png) no-repeat right center;*/
	width: 26px;
	height: 26px;
	background-color: #fff;
	background-image:url(../images/arrow-down.svg);
	background-size: 14px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 0 3px 3px 0;
	cursor:pointer;
	border-left:1px solid transparent;
}
/* single */
.popup-menu-handler-single:hover span  {
	background-color: #ececec;
	/*background:url(../images/popup-menu-handler-left-hover.png);*/
}
.popup-menu-handler-single:hover .button-imgr   {
	background-color: #ececec;
	/*background:url(../images/popup-menu-handler-right-hover.png) no-repeat right center;*/
}
/* split (default action + dropdown menu)*/
.popup-menu-handler-split span:hover { background:url(../images/popup-menu-handler-left-hover.png); border-color:#d5d5d5; }
.popup-menu-handler-split .button-imgr:hover { background:url(../images/popup-menu-handler-right-hover.png) no-repeat right center; border-color:#d5d5d5; }
/* when only dropdown menu is displayed (no text nor input) */
.popup-menu-handler-dropdown-only span { display:none }
.popup-menu-handler-dropdown-only .button-imgr{ border:0 none; width:26px }


/*--popup menu--*/
.popup-menu {
	position: absolute;
	z-index: 9002;
	/*min-width: 200px;*/
	text-align: left;
	/*background-color: #FFFFFF;
	border: 1px solid #D5D5D5;*/
	background-color: #fff;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.25);
	border: none;
}
.popup-menu ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.popup-menu li {
	margin: 0;
	padding: 0;
	line-height:0;
}

.popup-menu li a {
	display: block;
	height: 40px;
	margin: 0px;
  padding: 0 15px;
  line-height: 40px;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
}

.popup-menu li a:link,
.popup-menu li a:visited {
	/*color: #5E5D5C;*/
	cursor: default;
	color: #777;
	border-bottom: 1px solid #ececec;
}

.popup-menu li a:hover,
.popup-menu li a:active {
	/*color: #D45555;
	background-color: #F0ECE7;*/
	color: #000;
	font-weight: normal;
	background-color: #ececec;
	cursor: pointer;
}

.popup-menu .popup-menu-separator {border-top:1px dotted #D9a470; padding:0; margin:0;  font-size:0; line-height:0; }
.popup-menu .popup-menu-separator img {height:1px; padding:0; margin:0; vertical-align:middle; min-width:100px; }

/*------------------------------------------------------------------------------------------------------------*/
/*----------------------------------- rendu vues paragraphe pour platform-------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*views*/
.view-area {}
.view-area .highlight {color:#FF0000}
.view-area .highlight a:link {color:#FF0000}
.view-area .highlight a:visited {}
.view-area .highlight a:hover {color:#000000}
.view-area .highlight a:active {}
.view-area .path {color:#898989}

/*--------layouts--------*/

/* -- view header -- */
.view-header {
	max-height: 26px;
	padding: 7px 5px 10px 5px;
}

/* if view has actions */
.view-has-actions { position: relative; padding-top: 40px;  }
.view-has-actions .view-actions { position: absolute; top:5px; left:5px }

.view-header .view-selection,
.view-header .view-actions,
.view-header .view-options,
.view-header .pager,
.view-header .pager .itemsperpage,
.view-header .pager .items,
.view-header .pager .browser,
.view-header .pager table { display: inline-block; font-size:12px;  }

.view-header img,
.view-header .view-selection input,
.view-header .pager .items,
.view-header .pager .browser,
.view-header .pager table,
.view-header .view-actions .popup-menu-handler,
.view-header .view-actions .button { vertical-align:middle }

.view-header .popup-menu-handler { margin:0 }
.view-header .view-selection,
.view-header .popup-menu-handler,
.view-header .button { margin-right: 5px }

/* override menus images */
.view-header .handler-filter .button-imgr {
	width: 26px;
	height: 26px;
	background-color: #fff;
	background-image:url(../images/filter.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: center;
	border-radius: 3px;
}

.view-header .handler-filter .button-imgr:hover {
	background-color: #ececec;
}
/*.view-header .filter-defined .button-imgr { background-image:url(../images/vui-activefiltersmall.png); }*/

.view-header .handler-sorter .button-imgr {
	width: 26px;
	height: 26px;
	background-color: #fff;
	background-image:url(../images/sort.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: center;
	border-radius: 3px;
	/*background-image:url(../images/vui-sortbysmall.png); */
}
.view-header .handler-sorter .button-imgr:hover {
	background-color: #ececec;
	/*background-image:url(../images/vui-sortbysmallhover.png);*/
}

.view-header .handler-displaymode .button-imgr { background-image:url(../images/vui-displaymodesmall.png); }
.view-header .handler-displaymode .button-imgr:hover { background-image:url(../images/vui-displaymodesmallhover.png); }

/* override refresh button */
.view-header .view-options .action-refresh a span { display:none }

.view-header .view-options .action-refresh a {
	display: block;
	width: 26px;
	height: 26px;
	background-color: #fff;
	background-image:url(../images/refresh.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: center;
	border-radius: 3px;
}

.view-header .view-options .action-refresh a:hover {
	background-color: #ececec;
	/*background-image: url(../images/vui-refreshsmallhover.png);*/
}

/* pager */
.view-header .pager .browser a {
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	margin: 0 2px;
	text-align: center;
	background-color: #CFD0Cb;
	font-size: 12px;
	text-decoration: none;
}

.view-header .pager .browser a:link {
	color: #ffffff;
	background-color: #9e9e9e;
}

.view-header .pager .browser a:hover {
	color: #ffffff;
	background-color: #FF8F00;
}

.view-header .pager .browser span { display:block; text-align:center; margin:0 2px; }

.view-header .pager .browser strong {
  display: block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background-color: #6D6562;
  font-size: 12px;
  color: #FFF;
  margin: 0 2px;
}

.view-header .pager .itemsperpage,
.view-header .pager .items,
.view-header .pager .browser { margin-left:8px; }

/* filters popup form */
.grid .view-header .popup-menu .buttons-outer { padding:0; text-align:right;}
.handler-filter-screen .filter { white-space: nowrap }
.handler-filter-screen .filter .filter-label {display:block; }
.handler-filter-screen .filter .filter-value {display:inline-block; }
.handler-filter-screen .filter .vui-noinfo-handler { display:none; }
.handler-filter-screen .header-border {border:0 none}
.handler-filter-screen .applied-filter {display:block; margin:5px 0; }
.handler-filter-screen .applied-filter .action-deleteFilter { display:inline-block; height:12px; width:12px; margin-left:5px; background-image:url(../images/vui-delete.png); line-height:normal; background-repeat:no-repeat; vertical-align: text-top;}
.handler-filter-screen .applied-filter .action-deleteFilter a {display:block; height:12px; width:12px;}
.handler-filter-screen .applied-filter .action-deleteFilter .button2-part0,
.handler-filter-screen .applied-filter .action-deleteFilter .button2-part0-down,
.handler-filter-screen .applied-filter .action-deleteFilter .button2-part1,
.handler-filter-screen .applied-filter .action-deleteFilter .button2-part1-down {display:none;}
.handler-filter-screen .applied-filter .action-deleteFilter:hover { height:12px; width:12px; margin-left:5px; background-image:url(../images/vui-delete-hover.png);  }

/* sorter popup form*/
.handler-sorter-screen {
	width: 250px;
	padding: 15px;
	/*border: 1px solid #aFb1b4;*/
	border: none;
}

.handler-sorter-screen .content-zone,
.handler-filter-screen .content-zone {
	padding: 0;
}

.handler-sorter-screen .list-sort {font-size:12px;}
.handler-sorter-screen .header-border {border:0 none}
.handler-sorter-screen .list-sort LabEL {color:#595D5E}
.handler-sorter-screen .list-sort>LabEL {font-weight:bold; display:block;}

.handler-sorter-screen .list-sort .sorting-item {
	display: block;
	width: 100%;
	margin: 5px 0 0 0;
}

.handler-sorter-screen .list-sort .sorting-item select {
	width: 100%;
}

.handler-sorter-screen .list-sort .sorting-order {margin:5px 0 0 0; display:inline-block; }
.handler-sorter-screen .list-sort .sorting-order * {vertical-align:middle}


/* custom filters et sorter popup forms */
.handler-filter-screen {
	max-width: 550px;
	min-width: 550px;
	padding: 15px;
	/*border: 1px solid #aFb1b4;*/
}

.handler-filter-screen .filter .filter-label {
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 16px;
	color: #595D5E;
}
.handler-filter-screen .applied-filter {font-size:12px;}
.handler-filter-screen .filter .action-add {margin-left:5px}
.handler-filter-screen .filter .datetime-field,
.handler-filter-screen .filter .date-field,
.handler-filter-screen .filter .time-field { display:inherit }
.handler-filter-screen .filter .datetime-field a,
.handler-filter-screen .filter .date-field a { vertical-align: middle }
.handler-filter-screen .filter bUTTON { vertical-align: middle }

/*.handler-sorter-screen {border: 1px solid #aFb1b4}*/
.handler-sorter-screen .list-sort {
	font-size: 16px;
}

.handler-sorter-screen .header-border {border:0 none}


/*--list-view--*/

.list-view .detail .popup-menu-handler,
.links-view .detail .popup-menu-handler,
.thumbnails-view .detail .popup-menu-handler { float:left; margin-right: 5px }

.list-view .detail .title a,
.links-view .detail .title a,
.thumbnails-view .detail .title a { text-decoration: none }

.list-view .detail .title a h4,
.links-view .detail a h4,
.thumbnails-view .detail a h4 { text-decoration: underline }

.list-view .detail .title h4,
.links-view .detail h4,
.thumbnails-view .detail h4 { color: inherit }

.list-view .detail .title h4 img,
.links-view .detail h4 img,
.thumbnails-view .detail h4 img { margin-right:5px; }

.list-view { margin:0; padding:0 0 0 3px; }
.list-view .detail { display:block; width:auto; height:auto; border:0 none; margin:0 7px 7px 0; }
.list-view .detail .detail-header,
.list-view .detail .detail-main { display: table; width: 100%; border-spacing: 0; border-collapse: collapse; }
.list-view .detail .actions,
.list-view .detail .browse { width:1%; white-space: nowrap; padding:0  }
.list-view .detail .reference { display:inline; float:left;  }
.list-view .detail .state { display:inline; float:right; }
.list-view .detail .thumbnail { float: left; margin-right: 5px; background-position: center center; background-repeat:no-repeat; background-size: contain; width: 64px; height: 64px }
.list-view .detail .thumbnail img { display: none }
.list-view .detail .has-thumbnail h4 { padding-top:5px;  }
.list-view .detail .title h4 { margin:2px 0; display: inline-block }
.list-view .detail .title h4 img { margin-right:5px; }
.list-view .detail .title P {  }

.list-view .detail p,
.list-view .detail .property {
	margin: 0;
}

.list-view .detail .extended-properties { color: #888 }
.list-view .main-actions { margin:5px 0; }

.list-view .detail .details {  display: none }
.list-view .details-visible .details { display: block }


/* views default font size */
.list-view .detail .description,
.list-view .detail .details-handle,
.list-view .detail .reference,
.list-view .detail .state,
.list-view .detail P,
.list-view .detail .property,
.list-view .detail .attachments,
.list-view .detail .path { font-size:12px }

/*-changing details order-*/
/*detail drop allowed */
.detail-sort-allowed { background-color:green; }
/*detail drop not allowed */
.detail-sort-not-allowed { background-color:red; }

/* empty views */
.list-view .empty { padding:5px; font-size: 12px }

/*view actions*/
.main-actions { white-space:nowrap}
.main-actions ul {list-style:none; margin:0; padding:0; }
.main-actions li {display:inline; }

/*----view display modes----*/
.vertical {}
.horizontal {}


/* file upload view */
.upload-file .grid-content-zone { background-color: transparent; border: 0 none }
.upload-file .view-header { display: none }
.upload-file .buttons-outer { display: none }
.upload-file .list-view .detail { border:0; padding: 0; margin: 4px 0 }
.upload-file .list-view .detail .title { font-size: 11px;  }
.upload-file .list-view .detail .title a { color: inherit;  }
.upload-file .list-view .detail .title h4 { display:inline; margin:8px 0; vertical-align: middle }
.upload-file .list-view .detail .title h4 img { vertical-align: middle }
.upload-file .list-view .detail .title P { display:inline; font-weight: bold; color: #777; margin-left:5px; vertical-align: middle }


/* -- selector -- */

/* information */
.vui-selector .vui-information {max-height: 40px; padding: 0 0 10px 0; margin: 0; font-size: 14px}

/* left menu */
.vui-selector-menu { width:16%; display:inline-block; vertical-align:top; border:1px solid #a7abaa; border-right:none; background:url(../images/vui-selector-menu-bg.png) right top repeat-y; }
.vui-selector-menu ul { margin:0; padding:0;  list-style:none; }
.vui-selector-menu li { display:block; margin:0; padding:0; font-size: 12px }
.vui-selector-menu li a { display:block; padding:10px 8px; cursor:pointer; text-decoration:none; border-bottom:1px solid #cdcdcd; margin-right:1px; }
.vui-selector-menu li a:link,
.vui-selector-menu li a:visited { color:#606364; background-image:url(../images/vui-selector-menu.png); background-repeat:repeat-x; background-position:left bottom; }

.vui-selector-menu .current {
  display: block;
  padding: 10px 8px;
  font-weight: bold;
  background-color: #f0f0f0;
  border-bottom: 1px solid #cdcdcd;
}

.vui-selector-menu .first .current { background:#F0F0F0 url("../images/vui-selector-head.png") repeat-x left top; }

/* loading indicator (appear next to search field and inside list view) */
.vui-selector .vui-selector-loading { background:#fff url(../images/vui-selector-preload.gif) no-repeat center center; }
.vui-selector .view-area .vui-selector-loading { height: 150px; background-image: url(../images/vui-selector-preload-big.gif) }

/* location */
.vui-selector .location { padding:6px 6px 0 2px; height:34px; border:0 none; }
.vui-selector .location .streamline {height:auto; position:static; margin:0; background:transparent none; border:0 none; padding:0; display:inline; font-size:12px; font-weight:bold; line-height:18px;}
.vui-selector .location .streamline a {font-weight:normal; display:inline-block; white-space:nowrap;}
.vui-selector .location .streamline strong {font-weight:bold;}
.vui-selector .location h2 { font-size:12px;  margin: 8px 6px 2px 0;}

/* search */
.vui-selector .search-filter input { width:80%; padding:4px 4px 4px 22px; margin-top:2px; background-color:#fff; background-repeat:no-repeat; background-position: 4px center; font-size: 12px}
.vui-selector .search-filter .vui-selector-loading { display:inline-block; background-color:transparent;width:21px; height:16px; vertical-align:middle; margin: 0 2px 0 4px;}
.vui-selector .search-filter .vui-search-filter-change { background-color:#FDFDC7; color:#FF7E00; }
.vui-selector-search-view .search-filter input {background-image:url(../images/vui-magnifiying-glass.png) ;}

.vui-selector-filter-view .search-filter input,
.vui-selector-basket .search-filter input {
	background-image:url(../images/filter.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 5px center;
}

.vui-selector .search-disabled { background:#999 }


/* selected items counter */
.vui-selector .selected-items { display:inline-block; text-align:center; height:30px; width:28px;  font-weight:bold; font-size:18px; float:right; cursor:pointer}
.vui-selector .vui-context-message { padding: 8px; }
.vui-selector .vui-context-message span { margin-right: 5px; }

.vui-selector .vui-context-feedback {
	color: #fff;
	background-color: #4a453f;
	/*background-color: #FDFDC7; */
	/*border-color: #FEaD12;*/
	border: none;
}

/* view header */
.vui-selector .view-header .options-pager-part { display: inline }
.vui-selector .view-has-actions { padding-top: 7px }
.vui-selector .view-has-actions .view-actions { position: static }
.vui-selector .view-header .popup-menu-handler { margin-right: 5px }

/* selecting part */
.vui-selecting { display:inline-block; width:100%; vertical-align:top; background:#f0f0f0 url(../images/vui-selector-head.png) left top repeat-x; border-top:1px solid #a7abaa; border-bottom:1px solid #a7abaa; border-right:1px solid #a7abaa; }
.vui-selecting .list-view { vertical-align:top; }
.vui-selecting .view-area { background-color:#fff; border-left:1px solid #CDCDCD; border-top:1px solid #CDCDCD }

/* basket part */
.vui-selector-basket { display:inline-block; vertical-align:top; border:1px solid #a7abaa; border-left:none; border-top:1px solid #CDCDCD; }
.vui-selector-basket .view-area { border-top:1px solid #CDCDCD;}

/*.vui-selector-basket .search-filter input { background-image:url(../images/vui-funnel.png) }*/

/* adjust layout */
.vui-selector .actions-area { text-align: left }
.vui-selector .location,
.vui-selector .search-filter,
.vui-selector .browser-actions,
.vui-selecting .view-area { margin-left:10px; }

/* state : basket is visible */
.vui-basket-visible {}
.vui-basket-visible .vui-selecting { width:41%; }
.vui-basket-visible .vui-selector-basket { display:inline-block; width:41%; }
.vui-basket-visible .selected-items { background:url(../images/count-basket-visible.png) left top no-repeat; padding:5px 7px 0 14px;  margin:0 -7px 0 0; }

/* state : basket is hidden*/
.vui-basket-hidden {}
.vui-basket-hidden .vui-selecting { width:82%; }
.vui-basket-hidden .vui-selector-basket { display:none;}
.vui-basket-hidden .selected-items { background:url(../images/count-basket-hidden.png) left top no-repeat; padding:5px 14px 0 7px;  margin:0 -14px 0 0;  }

/* list view */
.vui-selector .list-view { margin-top:5px; margin-left:3px; padding:0}
.vui-selector .list-view .detail { padding:4px 4px 4px 40px; margin:0 5px 2px 2px; border:1px solid #FFF}

.vui-selector .list-view .detail h4 {
	display: inline-block
  font-size: 16px;
  font-weight: normal;
}

.vui-selector .list-view .detail .description,
.vui-selector .list-view .detail .date,
.vui-selector .list-view .detail .author,
.vui-selector .list-view .detail .properties { color:#908a98; font-size:11px; }
.vui-selector .list-view .detail .properties P { display:inline; margin-right:6px; margin-top:4px; border-left:1px dotted #b7b7b7; padding-left:9px; color: inherit }
.vui-selector .list-view .detail .properties P:first-of-type { border:none; padding-left:0;}
.vui-selector .list-view .detail .extended-properties { color:#9Da7C0; font-size:11px; margin-top:0; }
.vui-selector .list-view .detail:hover {}
/* adjust thumbnail */
.vui-selector .list-view .detail .thumbnail { float: left; border: 1px solid #ddd }
.vui-selector .list-view .detail .thumbnail { width:64px; height:48px; background-size: contain }
/* hide left side path if unnecessary */
.vui-selector-hide-path .detail .path { display: none }


 /* list view common detail (hover, selectable, unselectable selected, not selected, browsable ...) */
.vui-selector .list-view .detail .actions { display: none; width:0; padding:0 }
.vui-selector .list-view .detail-hover  {  border:1px solid #CCCCCC; cursor:pointer; background-image:url(../images/vui-selector-hover-item.png); background-position:10px center; background-repeat:no-repeat; }
.vui-selector .list-view .detail-selectable { background-image:url(../images/vui-selector-selectable.png); background-position:10px center; background-repeat:no-repeat;}
.vui-selector .list-view .detail-selectable input.checkbox,
.vui-selector .list-view .detail-unselectable input.checkbox { display: none;}
.vui-selector .list-view .detail-selected { background-color:#f0f0f0; background-image:url(../images/vui-selector-selected.png); background-position:10px center; background-repeat:no-repeat; border:1px solid #e3e3e1!important }
.vui-selector .list-view .detail-unselectable-hidden, .detail-unselectable-hidden { display:none!important; }/* do not remove used for js treatments*/
.vui-selector .list-view  .detail-not-selected {}
/* if item is browsable */
.vui-selector .list-view .detail .vui-selector-browsable-column h4 { padding-right: 20px }
.vui-selector .list-view .detail .vui-selector-browsable-column-hover h4 { background-image:url(../images/vui-selector-browsable.png); background-repeat:no-repeat; background-position:right center; }

 /* list view basket detail */
.vui-selector .vui-selector-basket .list-view .detail-hover { background:#EaEaEa url(../images/vui-selector-deletable.png) 10px center no-repeat; cursor:pointer}
.vui-selector .vui-selector-basket .list-view .detail-hover .properties { color:#908a98;}
.vui-selector .vui-selector-basket .list-view .detail h4 a:link,
.vui-selector .vui-selector-basket .list-view .detail h4 a:visited,
.vui-selector .vui-selector-basket .list-view .detail h4 a:hover,
.vui-selector .vui-selector-basket .list-view .detail h4 a:active {color:#595D5E}

/* bottom buttons */
.vui-selector .buttons-group ul { list-style-type: none }
.vui-selector .buttons-group ul li {
	display: inline;
	margin-right: 15px;
}

/* selector field */
.vui-selector-field .vui-selector-loading { background:url(../images/vui-selector-preload-small.gif) no-repeat right center; }
.vui-selector-field .vui-combobox-opener { height:19px; width:20px; background:url(../images/vui-selector-btn.png) no-repeat left top; vertical-align:top; }
.vui-selector-field .vui-combobox-opener:hover { height:19px; width:20px; background:url(../images/vui-selector-btn-hover.png) no-repeat left top; vertical-align:top; cursor:pointer; }

/* selector field selected items (simplified list) */
.vui-selector-selected-items .vui-combobox-minus .button1 {margin:3px 0}
.vui-selector-selected-items .vui-combobox-minus .button1 span {display: block; padding:0 0 0 5px; background:none; line-height:12px; text-decoration:underline; color:#000; font-size:12px; font-family:arial, Helvetica, sans-serif}
.vui-selector-selected-items .vui-combobox-minus .button1:hover span,
.vui-selector-selected-items .vui-combobox-minus .button1:active span{color:#ff0000; text-decoration:none}

/* selector field selected items (detailled view) */
.vui-selector-view { margin:0 }
.vui-selector-view .fields-group td { padding:0;}
.vui-selector-view .pager DIV {margin-top:0}
.vui-selector-view .detail h4 {font-size:12px; margin:5px 0 5px 0;}
.vui-selector-view .detail .date,
.vui-selector-view .detail .author,
.vui-selector-view .detail .description,
.vui-selector-view .detail .property,
.vui-selector-view .detail .path { font-size:11px; color:#908a98 }
.vui-selector-view .detail .thumbnail { float: left; border: 1px solid #ddd }


/* selectors custom buttons */
.handler-selection span,
.handler-deselection span { display:none }

.handler-selection .button-imgr {
	width: 45px;
	background-image: url(../images/vui-selectmenusmall.png);
	background-size: 100%;
}

.handler-selection .button-imgr:hover {
	width: 45px;
	background-image: url(../images/vui-selectmenusmallhover.png);
	background-size: 100%;
}

.handler-deselection .button-imgr {
	width: 45px;
	background-image: url(../images/vui-deselectmenusmall.png);
	background-size: 100%;
}

.handler-deselection .button-imgr:hover {
	width: 45px;
	background-image: url(../images/vui-deselectmenusmallhover.png);
	background-size: 100%;
}


/* custom styles */
.vui-selector .actions-area { text-align: left }
.vui-selector-menu .current,
.vui-selector .location,

.vui-selector .selected-items {
	color: #FF8F00;
}

.vui-selector .pager .browser strong { background-color:#D52512; }

/*warning*/
.warning {background:#fdfdc7 url(../images/exclamation.png) no-repeat 10px 10px; padding:10px 10px 10px 50px; border:1px solid #fead12; color:#FF7E00; text-align: left;}

/*Iframe - biboard*/
.section-biboard iframe {border:0 none;}
.section-biboard .table-border {border:0 none;}

/*CodeMirror*/
.CodeMirror-wrapping {
    border: 1px solid #b9bDC0;
    margin-top: 10px;
}

/* loader */
.ui-loader-background { position:absolute; z-index:9999; top:0; left:0; width:0; height:0; }
.ui-loader { padding:10px 50px 10px 20px; width:275px; height:40px; background-color:#000; border-radius:10px; }
.ui-loading { color:#fff; font:normal 14px arial, Helvetica, sans-serif; padding-left:48px; background:transparent url(../../../images/ui-loading.gif) no-repeat; height:32px; padding-top:8px; }

/* WEbSIS CUSTOM - chercher avec le mot "websis" pour trouver d'autres modifs dans le corps du fichier.*/
/*.subsection td.cell1.rappelIndice,.subsection td.cell2.rappelIndice, .section td.cell1.rappelIndice,.section td.cell2.rappelIndice  { border:1px solid #C0C8CE; padding:2px 4px 2px 4px; font-family:arial, Helvetica,sans-serif; font-size:10px; color:#655E68; background-color:#DDE2E4 }
.subsection td.cell1.remarqueIndice,.subsection td.cell2.remarqueIndice, .section td.cell1.remarqueIndice,.section td.cell2.remarqueIndice { border:1px solid #C0C8CE; padding:2px 4px 2px 4px; font-family:arial, Helvetica,sans-serif; font-size:10px; color:#655E68; background-color:white }
.subsection td.cell1.rappelIndiceSynthese,.subsection td.cell2.rappelIndiceSynthese, .section td.cell1.rappelIndiceSynthese,.section td.cell2.rappelIndiceSynthese  { border:1px solid #C0C8CE; padding:2px 4px 2px 4px; font-family:arial, Helvetica,sans-serif; font-size:10px; color:#655E68; background-color:#aabbbb }
.subsection td.cell1.remarqueIndiceSynthese,.subsection td.cell2.remarqueIndiceSynthese, .section td.cell1.remarqueIndiceSynthese,.section td.cell2.remarqueIndiceSynthese { border:1px solid #C0C8CE; padding:2px 4px 2px 4px; font-family:arial, Helvetica,sans-serif; font-size:10px; color:#655E68; background-color:#aabbbb }

td.cell1.remarqueLevee, td.cell2.remarqueLevee, td.cell1.remarqueLevee, td.cell2.remarqueLevee { border:1px solid #C0C8CE; padding:2px 4px 2px 4px; font-family:arial, Helvetica,sans-serif; font-style: italic; font-size:12px; color:grey; }

td.cell1.permission, td.cell2.permission  { border:1px solid #C0C8CE; padding: 1px 3px; margin:0px; font-family:arial, Helvetica,sans-serif; font-size:10px; color:#655E68; background-color:white }*/

td.cell1.remarqueLevee, td.cell2.remarqueLevee { font-style: italic; color:grey; }
td.cell1.remarqueBloquante, td.cell2.remarqueBloquante { color:red; }
td.cell1.sansPermission, td.cell2.sansPermission { font-style: italic; color:grey; }

.subsection td.cell1.rappelIndice,.subsection td.cell2.rappelIndice, .section td.cell1.rappelIndice,.section td.cell2.rappelIndice  {background-color:#dadbdc }
.subsection td.cell1.rappelIndiceSynthese,.subsection td.cell2.rappelIndiceSynthese, .section td.cell1.rappelIndiceSynthese,.section td.cell2.rappelIndiceSynthese { background-color:#dadbdc }
.subsection td.cell1.remarqueSynthese,.subsection td.cell2.remarqueSynthese, .section td.cell1.remarqueSynthese,.section td.cell2.remarqueSynthese { background-color:#D2D8DE }
.subsection td.cell1.remarqueBloquante,.subsection td.cell2.remarqueBloquante, .section td.cell1.remarqueBloquante,.section td.cell2.remarqueBloquante { color:red }
.subsection td.cell1.remarqueSyntheseBloquante,.subsection td.cell2.remarqueSyntheseBloquante, .section td.cell1.remarqueSyntheseBloquante,.section td.cell2.remarqueSyntheseBloquante { background-color:#D2D8DE; color:red }

td.cell1.finContrat, td.cell2.finContrat, td.cell1.finContrat, td.cell2.finContrat { color:red }

.remarque-title { font-family:Tahoma,arial,Helvetica,sans-serif; font-size:12px; font-weight:bolder; color:#62656b; text-align:left; padding:4px 6px 4px 6px; vertical-align:middle; border:1px solid #FF0000; background-color:white}

.handler-filter-screen .applied-filter {
	display: inline-block;
	height: 24px;
	padding: 0 3px 0 8px;
	line-height: 24px;
	background: #FFCCA4;
	border-radius: 3px;
}

.handler-filter-screen .applied-filter .action-deleteFilter,
.handler-filter-screen .applied-filter .action-deleteFilter:hover {
	vertical-align: middle;
	width: 24px;
	height: 24px;
	padding: 0;
	background-color: transparent;
	background-position: center;
}


.handler-filter-screen .applied-filter .action-deleteFilter a {
	width: 24px;
	height: 24px;
}

/*--- remove clear icon 'X' in IE11+ text inputs  ---*/
.removeIECross::-ms-clear { display: none }

.websis_formation_file_url {
    width:2px;
    max-width:3px;
    white-space:nowrap;
}

/* firefox uniquement*/
@-moz-document url-prefix() {
 .websis_formation_file_url A {
  visibility: hidden;
  word-wrap:normal;
  text-decoration:none;
  position:relative;
  z-index:2;
  }
}


/* Chrome and Safari (Any) uniquement */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .websis_formation_file_url A {
  opacity: 0; /*chrome ok*/
  word-wrap:normal;
  text-decoration:none;
  position:relative;
  z-index:2;
  }
}

/* Internet Explorer uniquement */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .websis_formation_file_url {
        vertical-align:top;
        word-wrap:break-word;
    }

    .websis_formation_file_url A {
        font-size:2px;
    }
}

.websis_formation_file_url A:after {
    /*color:black;*/
    content:'\1F4CE';
    margin-left:8px;
    margin-top:-12px;
    cursor:hand;
    visibility: visible;
      display: block;
    vertical-align:top;
    z-index:1;
}

/* Internet Explorer uniquement */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .websis_formation_file_url A:after {
        content:'';
    }
}

.websis_liste_convoques {
    cursor:hand;
}

select.websis_rechercheperso_select {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

a.websis_rechercheperso_lien_action {
	margin-right: 20px;
	text-decoration: none;
	display: none;
}

a.websis_rechercheperso_lien_action img {
	width: 18px;
	height: 18px;
}

a.websis_rechercheperso_lien_action span {
	margin-left: 8px;
}

.websis_rechercheperso_saisie_dialog.ui-dialog-content.ui-widget-content {
	height: 180px !important;
	border: none;
}

.websis_rechercheperso_saisie_fieldset {
	border: none;
}

.websis_rechercheperso_saisie_div {
	margin-bottom: 10px;
}

.websis_rechercheperso_saisie_div label {
	margin-bottom: 8px;
}

.websis_rechercheperso_saisie_champ_texte {
	width: 100%;
	margin-top: 5px;
}

.websis_rechercheperso_saisie_bouton_envoi {
	color: white;
}

.websis_login_contact_div {
	display: block;
	width: 100%;
}

.websis_login_contact_div tr {
  height: 20px;
}

.websis_login_contact_div a {
	font-size: 14px;
  color: #FF8F00;
}

.websis_login_contact_support {
	color: white;
}

.websis_login_contact_commerce {
	position: fixed;
	z-index: 1;
	left: 30px;
	bottom: 30px;
	display: block;
	width: 175px;
  height: 48px;
	background-image: url(../images/logo-abs.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

/* Ajustements pour écrans de petite taille (cas remonté par le client avec une résolution 1366*768 */
@media only screen and (max-width: 1400px) {
    .menu .portlet {
    width: 220px;
    }

  select {
        max-width: 300px;
        height: 32px;
    }

    .cell-right {
        padding: 8px;
    }

    .section-content .cell-right select {
        max-width: 300px;
    }

    .cell1,
    .cell2 {
        padding: 4px;
    }

    input {
        height: 32px;
    }

    .login-aside {
        padding: 3vw;
    }

  .login-aside #PLT-AXLogin {
        height: 480px;
    }

    .login-aside #PLT-AXLogin > .outerzone1 .zone1 .icon {
        height: 100px;
        background-size: contain;
    }
}
/* Fin ajustements pour écrans de petite taille */