/* elements */
@font-face {
  font-family: 'Sansation-Light';
  src: url('../fonts/Sansation Light/Sansation-Light.eot');
  src: url('../fonts/Sansation Light/Sansation-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Sansation Light/Sansation-Light.woff') format('woff'),
       url('../fonts/Sansation Light/Sansation-Light.ttf') format('truetype'),
       url('../fonts/Sansation Light/Sansation-Light.svg#Sansation-Light') format('svg');
}
@font-face {
  font-family: 'Sansation-Regular';
  src: url('../fonts/Sansation/Sansation-Regular.eot');
  src: url('../fonts/Sansation/Sansation-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Sansation/Sansation-Regular.woff') format('woff'),
       url('../fonts/Sansation/Sansation-Regular.ttf') format('truetype'),
       url('../fonts/Sansation/Sansation-Regular.svg#Sansation-Regular') format('svg');
}
@font-face {
  font-family: 'Sansation-Bold';
  src: url('../fonts/Sansation/Sansation-Bold.eot');
  src: url('../fonts/Sansation/Sansation-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Sansation/Sansation-Bold.woff') format('woff'),
       url('../fonts/Sansation/Sansation-Bold.ttf') format('truetype'),
       url('../fonts/Sansation/Sansation-Bold.svg#Sansation-Bold') format('svg');
}
@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/Raleway/raleway-light-webfont.eot');
    src: url('../fonts/Raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway/raleway-light-webfont.woff') format('woff'),
         url('../fonts/Raleway/raleway-light-webfont.ttf') format('truetype'),
         url('../fonts/Raleway/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/Raleway/raleway-bold-webfont.eot');
    src: url('../fonts/Raleway/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/Raleway/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/Raleway/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayextralight';
    src: url('../fonts/Raleway/raleway-extralight-webfont.eot');
    src: url('../fonts/Raleway/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway/raleway-extralight-webfont.woff') format('woff'),
         url('../fonts/Raleway/raleway-extralight-webfont.ttf') format('truetype'),
         url('../fonts/Raleway/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/Raleway/raleway-regular-webfont.eot');
    src: url('../fonts/Raleway/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/Raleway/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/Raleway/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaythin';
    src: url('../fonts/Raleway/raleway-thin-webfont.eot');
    src: url('../fonts/Raleway/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway/raleway-thin-webfont.woff') format('woff'),
         url('../fonts/Raleway/raleway-thin-webfont.ttf') format('truetype'),
         url('../fonts/Raleway/raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Raleway-Medium';
  src: url('../fonts/Raleway/Raleway-Medium.eot');
  src: url('../fonts/Raleway/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Raleway/Raleway-Medium.woff') format('woff'),
       url('../fonts/Raleway/Raleway-Medium.ttf') format('truetype'),
       url('../fonts/Raleway/Raleway-Medium.svg#Raleway-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('../fonts/Raleway/Raleway-SemiBold.eot');
  src: url('../fonts/Raleway/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Raleway/Raleway-SemiBold.woff') format('woff'),
       url('../fonts/Raleway/Raleway-SemiBold.ttf') format('truetype'),
       url('../fonts/Raleway/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*----texts----*/
H1 {margin:0; padding:0; background:none; border-bottom:2px solid #0099ff; color:#2C75FF; font:normal 28px/28px Calibri,'ralewayregular', Arial, Helvetica, sans-serif; clear:both}
H2 {font-size:21px; font-weight:bold; color:#2C75FF; padding:0px 0px 0px 0px; margin:11px 0px 11px 0px; font-family:Calibri,'ralewayextralight', Arial, Helvetica, sans-serif; }
H3 {font-size:16px; font-weight:bold; color:#999999; margin:10px 0px 10px 0px;}
H4 {font-size:14px; font-weight:bold; color:#414141; margin:10px 0px 10px 0px;}
H5 {font-size:12px; font-weight:bold; color:#999999; margin:9px 0px 9px 0px;}
H6 {font-size:21px; font-weight:normal; color:#444444; padding:0px 0px 0px 0px; margin:11px 0px 11px 0px; font-family:Calibri,'ralewayextralight', Arial, Helvetica, sans-serif; }
H6OLD {font-size:11px; font-weight:bold; margin:14px 0px 14px 0px;}
P {margin: 6px 0; color:#999;font-size:12px; font-weight:normal;font-family:Calibri,'ralewayextralight', Arial, Helvetica, sans-serif;}
.p-header {}
STRONG {}
EM {}
.highlight {color:#cd0207}
.rich-text {}

/*----separator----*/
HR {margin:1em auto;}

/*----medias----*/
.image {font-size:15}

/*----default links----*/
A {}
A:link {color:#999999; text-decoration:underline}
A:visited {color:#999999; text-decoration:underline}
A:hover {color:#0099ff; text-decoration:underline}
A:active {color:#0099ff; text-decoration:underline}

/*----forms----*/
FORM {margin:0px; padding:0px; border:0px solid #ccc;}
LABEL {padding:0px 2px;font-weight:bold; font-size:12px;}
INPUT,SELECT,TEXTAREA {border:0px solid #eeee; vertical-align:middle; font-family:Calibri,Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#0000CC; padding:2px 4px 2px 4px ; background-color:#FFFFFF ; }
.checkbox,.radio {border:none; background:transparent none;}
.checkbox-group, .radiobutton-group {}
.checkbox-group INPUT, .radiobutton-group INPUT {float:left; vertical-align:middle}
.checkbox-group .radiogroup, .radiobutton-group .radiogroup {float:left }
.checkbox-group TABLE, .radiobutton-group TABLE {margin-top:5px;}

/*field states*/
.readonly {background-color:#E5E5E5; border:1px solid #BEBEBE;}
.mandatory {color:#000000}
.error {color:#ff0000}

/*section*/
.section H2, .subsection H2, .section-highlighted H2, .subsection-highlighted H2 { background-image:none!important; padding-left:0px; font-size:16px; font-family:Calibri,'ralewayregular',Arial,Helvetica,sans-serif; }
.section, .subsection {border:0px none; background:#fff; border-left:0px solid #ccc;}
.section H2, .subsection H2 {font-size: 12px; padding: 0px 0 0 9px; margin:0}
.section-highlighted H2, .subsection-highlighted H2 {font-size: 12px;  padding: 0px 0 0 9px; margin:0}
.section H2, .subsection H2 {font-size: 16px; background:white}
.section-highlighted H2, .subsection-highlighted H2 {font-size: 16px;}
.section-highlighted, .section-highlighted .subsection-highlighted, .section .subsection-highlighted {border:0px none; border-left:0px solid #FF0000; /*background:#eee*/}
.section, .subsection, .section-highlighted, .subsection-highlighted {margin-top: 20px;}
.section-highlighted .subsection, .section-highlighted .section {border: 0px none; border-left:0px solid #ccc;}
.subsection H2 SPAN {color:#000000!important}



/*.treatment-edit .fields-area {position:relative}
.treatment-edit H2 {position:absolute; top:-20px}
*/

/*fields-group*/
.buttons-group {border:0 none}

/*--tabs--*/
/*tab level1*/
.tab1-content {background-color:#fff; border:1px solid #d1d1d1; border-top:0 none;min-height:200px } 
.horizontal-bottom-tabs .tab1-content { border:1px solid #d1d1d1; border-bottom:0 none}
/*tab level2*/

/*horizontal top tabs*/
.horizontal-top-tabs {}
.horizontal-top-tabs .tab1 {height:29px; border-bottom:4px solid #0099ff;}
.horizontal-top-tabs .tab1 .current {background:#FFFFFF url(../images/tab1current.png) no-repeat; margin:0px 4px 0px 0px; color:#ffffff; padding:0px;}
.horizontal-top-tabs .tab1 .current SPAN { background:transparent url(../images/tab1current-right.png) no-repeat right top; padding:8px 20px 6px}
.horizontal-top-tabs .tab1 A {background:#FFFFFF url(../images/tab1.png) no-repeat; margin:0px 4px 0px 0px; text-decoration:none;}
.horizontal-top-tabs .tab1 A SPAN { background:transparent url(../images/tab1-right.png) no-repeat right top; padding:8px 20px 6px}
.horizontal-top-tabs .tab1 {font-size:12px;}

.purple .horizontal-top-tabs .tab1 {border-bottom:4px solid #5a01fc;}
.purple .horizontal-top-tabs .tab1 .current {background:#FFFFFF url(../images/tab1current-purple.png) no-repeat; margin:0px 4px 0px 0px; color:#ffffff; padding:0px;}
.purple .horizontal-top-tabs .tab1 .current SPAN { background:transparent url(../images/tab1current-right-purple.png) no-repeat right top; padding:8px 20px 6px}
.purple .horizontal-top-tabs .tab1 A:hover, .purple .horizontal-top-tabs .tab1 A:active {color:#5A01FC}

.pink .horizontal-top-tabs .tab1 {border-bottom:4px solid #fa78da;}
.pink .horizontal-top-tabs .tab1 .current {background:#FFFFFF url(../images/tab1current-pink.png) no-repeat; margin:0px 4px 0px 0px; color:#ffffff; padding:0px;}
.pink .horizontal-top-tabs .tab1 .current SPAN { background:transparent url(../images/tab1current-right-pink.png) no-repeat right top; padding:8px 20px 6px}
.pink .horizontal-top-tabs .tab1 A:hover, .pink .horizontal-top-tabs .tab1 A:active {color:#FA11C0}

.red .horizontal-top-tabs .tab1 {border-bottom:4px solid #f82b2b;}
.red .horizontal-top-tabs .tab1 .current {background:#FFFFFF url(../images/tab1current-red.png) no-repeat; margin:0px 4px 0px 0px; color:#ffffff; padding:0px;}
.red .horizontal-top-tabs .tab1 .current SPAN { background:transparent url(../images/tab1current-right-red.png) no-repeat right top; padding:8px 20px 6px}
.red .horizontal-top-tabs .tab1 A:hover, .red .horizontal-top-tabs .tab1 A:active {color:#0099ff}

.green .horizontal-top-tabs .tab1 {border-bottom:4px solid #95ce4e;}
.green .horizontal-top-tabs .tab1 .current {background:#FFFFFF url(../images/tab1current-green.png) no-repeat; margin:0px 4px 0px 0px; color:#ffffff; padding:0px;}
.green .horizontal-top-tabs .tab1 .current SPAN { background:transparent url(../images/tab1current-right-green.png) no-repeat right top; padding:8px 20px 6px}
.green .horizontal-top-tabs .tab1 A:hover, .green .horizontal-top-tabs .tab1 A:active {color:#92D050}

.orange .horizontal-top-tabs .tab1 {border-bottom:4px solid #ff8726;}
.orange .horizontal-top-tabs .tab1 .current {background:#FFFFFF url(../images/tab1current-orange.png) no-repeat; margin:0px 4px 0px 0px; color:#ffffff; padding:0px;}
.orange .horizontal-top-tabs .tab1 .current SPAN { background:transparent url(../images/tab1current-right-orange.png) no-repeat right top; padding:8px 20px 6px}
.orange .horizontal-top-tabs .tab1 A:hover, .orange .horizontal-top-tabs .tab1 A:active {color:#FF8726}


/*horizontal bottom tabs*/
.horizontal-bottom-tabs {}
.horizontal-bottom-tabs .tab1 {height:29px; border-top:4px solid #0099ff;}
.horizontal-bottom-tabs .tab1 .current {background:#FFFFFF url(../images/tab1bcurrent.png) no-repeat left bottom; margin:0px 4px 0px 0px; color:#ffffff; padding:0px;}
.horizontal-bottom-tabs .tab1 A {background:#FFFFFF url(../images/tab1b.png) no-repeat left bottom; margin:0px 4px 0px 0px; text-decoration:none;}
.horizontal-bottom-tabs .tab1 .current SPAN { background:transparent url(../images/tab1bcurrent-right.png) no-repeat right bottom; padding:6px 20px 8px 20px;}
.horizontal-bottom-tabs .tab1 A SPAN { background:transparent url(../images/tab1b-right.png) no-repeat right bottom; padding:6px 20px 8px 20px;}
.horizontal-bottom-tabs .tab1 {font-size:12px;}

.purple .horizontal-bottom-tabs .tab1 {border-top:4px solid #5a01fc;}
.purple .horizontal-bottom-tabs .tab1 .current {background:#FFFFFF url(../images/tab1bcurrent-purple.png) no-repeat; margin:0px 4px 0px 0px; color:#ffffff; padding:0px;}
.purple .horizontal-bottom-tabs .tab1 .current SPAN { background:transparent url(../images/tab1bcurrent-right-purple.png) no-repeat right top; padding:8px 20px 6px}
.purple .horizontal-bottom-tabs .tab1 A:hover, .purple .horizontal-bottom-tabs .tab1 A:active {color:#5A01FC}

.pink .horizontal-bottom-tabs .tab1 {border-top:4px solid #fa78da;}
.pink .horizontal-bottom-tabs .tab1 .current {background:#FFFFFF url(../images/tab1bcurrent-pink.png) no-repeat; margin:0px 4px 0px 0px; color:#ffffff; padding:0px;}
.pink .horizontal-bottom-tabs .tab1 .current SPAN { background:transparent url(../images/tab1bcurrent-right-pink.png) no-repeat right top; padding:8px 20px 6px}
.pink .horizontal-bottom-tabs .tab1 A:hover, .pink .horizontal-bottom-tabs .tab1 A:active {color:#FA11C0}

.red .horizontal-bottom-tabs .tab1 {border-top:4px solid #f82b2b;}
.red .horizontal-bottom-tabs .tab1 .current {background:#FFFFFF url(../images/tab1bcurrent-red.png) no-repeat; margin:0px 4px 0px 0px; color:#ffffff; padding:0px;}
.red .horizontal-bottom-tabs .tab1 .current SPAN { background:transparent url(../images/tab1bcurrent-right-red.png) no-repeat right top; padding:8px 20px 6px}
.red .horizontal-bottom-tabs .tab1 A:hover, .red .horizontal-bottom-tabs .tab1 A:active {color:#0099ff}

.green .horizontal-bottom-tabs .tab1 {border-top:4px solid #95ce4e;}
.green .horizontal-bottom-tabs .tab1 .current {background:#FFFFFF url(../images/tab1bcurrent-green.png) no-repeat; margin:0px 4px 0px 0px; color:#ffffff; padding:0px;}
.green .horizontal-bottom-tabs .tab1 .current SPAN { background:transparent url(../images/tab1bcurrent-right-green.png) no-repeat right top; padding:8px 20px 6px}
.green .horizontal-bottom-tabs .tab1 A:hover, .green .horizontal-bottom-tabs .tab1 A:active {color:#92D050}

.orange .horizontal-bottom-tabs .tab1 {border-top:4px solid #ff8726;}
.orange .horizontal-bottom-tabs .tab1 .current {background:#FFFFFF url(../images/tab1bcurrent-orange.png) no-repeat; margin:0px 4px 0px 0px; color:#ffffff; padding:0px;}
.orange .horizontal-bottom-tabs .tab1 .current SPAN { background:transparent url(../images/tab1bcurrent-right-orange.png) no-repeat right top; padding:8px 20px 6px}
.orange .horizontal-bottom-tabs .tab1 A:hover, .orange .horizontal-bottom-tabs .tab1 A:active {color:#FF8726}

/*--buttons--*/
.button-area {padding:0px; margin:0px;}
BUTTON {	text-align :center ;	border :0px none;	vertical-align :middle ;	margin :0px 2px 0px 2px ;	overflow :visible ;	cursor :pointer ;padding :0px 0px 0px 17px ; font:bold 12px Calibri,Arial, Helvetica, sans-serif ;}
.button1 {background :url(../images/button1left.png) no-repeat left center;	background-color :transparent;}
BUTTON:hover.button1 {background :url(../images/button1left-hover.png) no-repeat left center;}
.button2 {background :url(../images/button2left.png) no-repeat left center;	background-color :transparent;}
BUTTON:hover.button2 {background :url(../images/button2left-hover.png) no-repeat left center;}
.button3 {background :url(../images/buttonleft-blue.png) no-repeat left center;	background-color :transparent;}
BUTTON:hover.button3 {background :url(../images/buttonleft-blue-hover.png) no-repeat left center;}

BUTTON SPAN {
	position :relative ;	display :block ;	white-space :nowrap ;	margin :0px ;	height : 29px ;	line-height :29px; padding :0px 20px 0px 0px; color:#fff;}
.button1 SPAN {	 background: url(../images/button1right.png) no-repeat right center ;}
BUTTON:hover.button1 SPAN {background: url(../images/button1right-hover.png) no-repeat right center ;}
.button2 SPAN {	 background: url(../images/button2right.png) no-repeat right center ;}
BUTTON:hover.button2 SPAN {background: url(../images/button2right-hover.png) no-repeat right center ;}
.button3 SPAN {	 background: url(../images/buttonright-blue.png) no-repeat right center ;}
BUTTON:hover.button3 SPAN {background: url(../images/buttonright-blue-hover.png) no-repeat right center ;}


.handler-create {cursor:pointer}
.handler-create:hover .button-imgl { background: url(../images/button1left-hover.png) no-repeat left center;}
.handler-create:hover SPAN { background: url(../images/menu_handler-hover.png) repeat-x left center;}
.handler-create:hover .button-imgr { background: url(../images/handler-create-arrow-hover.png) no-repeat right center;}

.handler-actions span { padding-right:6px}
.handler-actions .button-imgr:hover { background: url(../images/menu_handler_arrow-hover.png) no-repeat right center;  height:29px; width:30px; margin:0;}

/*--popup menu--*/
.popup-menu LI A:hover,.popup-menu LI A:active {background-color:#DCDBDB;}

/*--tables--*/
.table,.table TABLE { border-collapse:collapse }
.table CAPTION {}
.table TH {padding:4px 4px 4px 4px; background:url(../images/bg-th.png) repeat-x left top; border:0px none; border-bottom:1px solid #0099ff ;background-color:#0085FF}
.table TH A:link, .table TH A:visited {color:#EEEEEE; }
.table TH A:hover, .table TH A:active {color:#E80000;}
.table TD {padding: 1px 6px 1px 6px; border:0px none;}
.table .cell1 {}
.table .cell1 A:link, .table .cell1 A:visited {color:#0099ff;}
.table .cell1 A:hover, .table .cell1 A:active {color:#414141;}
.table .cell2 {background-color:RGB(198, 205, 246)}
.table .cell2 A:link, .table .cell2 A:visited {color:#0099ff;}
.table .cell2 A:hover, .table .cell2 A:active {color:#414141;}

/*--------------navigation-------------*/
/*--Streamline--*/
.streamline { background:#fff url(../images/sep.png) no-repeat -8px center; color:#414141; padding:10px 0px 10px 17px; font-weight:normal; margin-bottom:10px; position:relative; }
.streamline A {background:#fff ;  }
.streamline A:link, .streamline A:visited {color:#414141; }
.streamline A:hover, .streamline A:active {color:#0099ff;}
.streamline STRONG {color:#0099ff; }

/*----side-menu----*/
.side-menu {margin-top:5px}
.side-menu,.side-menu .side {width:220px; }
.side-menu ul { font-family:Calibri,Arial, Helvetica, sans-serif;}
.side-menu .side li { font-weight:bold; font-size:12px;  padding:0px 0px; text-transform:uppercase; border:0px none; background:white; margin:3px 0 }
.side-menu .side li a { color:#414141; background-color:#f1f1f1; border-left:3px solid #cccccc; padding:5px 8px; }
.side-menu .side span { margin-left:0px;}
.side-menu .side li .current { color:#fff; background:#414141; margin-bottom:3px}
.side-menu .side a:hover { background-color:#414141; color:#fff;padding:5px 8px}
.side-menu .side a:hover span {}

.side-menu .side .color-pink a:hover, .side-menu .side .color-pink .current { border-left:3px solid #fa11c0;}
.side-menu .side .color-blue a:hover, .side-menu .side .color-blue .current { border-left:3px solid #0099ff;}
.side-menu .side .color-red a:hover, .side-menu .side .color-red .current { border-left:3px solid #0099ff;}
.side-menu .side .color-purple a:hover, .side-menu .side .color-purple .current { border-left:3px solid #5a01fc;}
.side-menu .side .color-orange a:hover, .side-menu .side .color-orange .current { border-left:3px solid #ff8726;}
.side-menu .side .color-green a:hover, .side-menu .side .color-green .current { border-left:3px solid #92d050;}

.side-menu .side ul { margin:0; padding-left:20px ; background:#d6d6d6}
.side-menu .side ul li { font-weight:normal; font-size:11px; padding:0px; background:#d6d6d6 }
.side-menu .side ul li a {background:none; border-color:#fff}
.side-menu .side ul li span { margin-left:0px;}
.side-menu .side ul li .current { background:#414141; color:#fff; margin-bottom:0px; border-left:3px solid #fff!important}
.side-menu .side ul li a:hover { text-decoration:underline; color:#fff; border-left:3px solid #fff!important;}

.side-menu .side .color-pink ul li a {background:url(../images/puce-pink.png) no-repeat 6px center;  padding-left:20px}
.side-menu .side .color-pink ul li a:hover {background:#fa11c0 url(../images/puce-hover.png) no-repeat 6px center; color:#fff; padding-left:20px; text-decoration:none; }
.side-menu .side .color-pink ul li .current {background:#fa11c0 url(../images/puce-hover.png) no-repeat 6px center; color:#fff; padding-left:20px}

.side-menu .side .color-blue ul li a {background:url(../images/puce-blue.png) no-repeat 6px center;  padding-left:20px}
.side-menu .side .color-blue ul li a:hover {background:#0099ff url(../images/puce-hover.png) no-repeat 6px center; color:#fff; padding-left:20px; text-decoration:none}
.side-menu .side .color-blue ul li .current {background:#0099ff url(../images/puce-hover.png) no-repeat 6px center; color:#fff; padding-left:20px}

.side-menu .side .color-red ul li a {background:url(../images/puce-red.png) no-repeat 6px center;  padding-left:20px}
.side-menu .side .color-red ul li a:hover {background:#0099ff url(../images/puce-hover.png) no-repeat 6px center; color:#fff; padding-left:20px; text-decoration:none}
.side-menu .side .color-red ul li .current {background:#0099ff url(../images/puce-hover.png) no-repeat 6px center; color:#fff; padding-left:20px}

.side-menu .side .color-purple ul li a {background:url(../images/puce-purple.png) no-repeat 6px center;  padding-left:20px}
.side-menu .side .color-purple ul li a:hover {background:#5a01fc url(../images/puce-hover.png) no-repeat 6px center; color:#fff; padding-left:20px; text-decoration:none}
.side-menu .side .color-purple ul li .current {background:#5a01fc url(../images/puce-hover.png) no-repeat 6px center; color:#fff; padding-left:20px}

.side-menu .side .color-orange ul li a {background:url(../images/puce-orange.png) no-repeat 6px center;  padding-left:20px}
.side-menu .side .color-orange ul li a:hover {background:#ff8726 url(../images/puce-hover.png) no-repeat 6px center; color:#fff; padding-left:20px; text-decoration:none}
.side-menu .side .color-orange ul li .current {background:#ff8726 url(../images/puce-hover.png) no-repeat 6px center; color:#fff; padding-left:20px}

.side-menu .side .color-green ul li a {background:url(../images/puce-green.png) no-repeat 6px center;  padding-left:20px}
.side-menu .side .color-green ul li a:hover {background:#92d050 url(../images/puce-hover.png) no-repeat 6px center; color:#fff; padding-left:20px; text-decoration:none}
.side-menu .side .color-green ul li .current {background:#92d050 url(../images/puce-hover.png) no-repeat 6px center; color:#fff; padding-left:20px}



.side-menu .side ul ul { margin:0; padding:0 }
.side-menu .side ul ul li {  }
.side-menu .side ul ul li a {background-image:none!important; color:#7d7d7d; text-transform:none ; text-decoration:underline; border-left:3px solid #fff!important;}
.side-menu .side ul ul li a:hover {text-decoration:none; background:none!important;color:#606060!important;}
.side-menu .side ul ul li span {padding-left:20px}
.side-menu .side ul ul li .current { font-weight:bold}

.side-menu .side li.first {}
.side-menu .side li.last {}

/*----site map----*/
.sitemap UL {margin:6px 0px 3px 14px; padding:0px; list-style-position:inside}
.sitemap UL LI {padding:3px 0px 3px 0px;  color:#0099ff; }
.sitemap UL LI A {font-size:12px;}
.sitemap UL LI A:link, .sitemap UL LI A:visited { color:#0099ff; }
.sitemap UL LI A:hover, .sitemap UL LI A:active {color:#0099ff; text-decoration:none}
.sitemap UL UL LI { color:#999999;}
.sitemap UL UL LI A {font-size:12px;}
.sitemap UL UL LI A:link, .sitemap UL UL LI A:visited { color:#999999; }
.sitemap UL UL LI A:hover, .sitemap UL UL LI A:active {color:#0099ff; text-decoration:none}

/*----site map----*/
.pages-list {}
.pages-list UL {margin:6px 0px 3px 14px; padding:0px; list-style-position:inside}
.pages-list UL LI {padding:3px 0px 3px 0px;  color:#a90004; }
.pages-list UL LI A {font-size:12px;}
.pages-list UL LI A:link, .pages-list UL LI A:visited { color:#a90004; }
.pages-list UL LI A:hover, .pages-list UL LI A:active {color:#a90004;}

/*--------components--------*/

/*--Send to friend--*/
.send-to-friend {border:0 none; margin:0px; padding:0px 0px 0px 0px; width:auto; }
.send-to-friend FIELDSET {border:none; padding:0px; margin:0px;}
.send-to-friend LABEL {display:block; width:auto; float:none; margin-bottom:3px; }
.main-column .send-to-friend LABEL {width:25%; float:left;}

/*--tooltip--*/
.tooltip {background-color:#eee; text-align:left; padding:10px; font:normal 12px Calibri,Arial, Helvetica, sans-serif; border:5px solid #fff; box-shadow:0px 0px 5px 0px #666; border-radius:5px; }
.tooltip P {color:#3d3d3d}
BODY .tooltip {text-align:left;}

/*--progress bar--*/
.bar-outer {  }
.bar {border:1px solid #848484; background-color:#ffffff}
.bar-gauge {background-color:#cd1c20; height:15px;}

/*--rating--*/
/*rating container*/
.rating { padding:10px 0px 10px 0px}
.rating ul {
	margin:0px; padding:0px; list-style:none; display:block; width: 75px; height: 20px; 
}
.rating ul li { float:left; display:inline; }
.rating ul li a { height:20px; margin:0px; text-decoration:none; display:block; }

/*rate item*/
.rating .rate-item-1 {width:15px }
.rating .rate-item-2 {width:15px }
.rating .rate-item-3 {width:15px }
.rating .rate-item-4 {width:15px }
.rating .rate-item-5 {width:15px }

/*current rate*/
.rating .rate-on {background:url(../images/stars.gif); background-repeat:no-repeat;}
.rating .state-on-0 {background-position: 0 0px;}
.rating .state-on-1 {background-position: 0 -20px;}
.rating .state-on-2 {background-position: 0 -40px; }
.rating .state-on-3 {background-position: 0 -60px; }
.rating .state-on-4 {background-position: 0 -80px; }
.rating .state-on-5 {background-position: 0 -100px; }
.rating .state-on-6 {background-position: 0 -120px;}
.rating .state-on-7 {background-position: 0 -140px; }
.rating .state-on-8 {background-position: 0 -160px; }
.rating .state-on-9 {background-position: 0 -180px; }
.rating .state-on-10 {background-position: 0 -200px; }

/*rate over*/
.rating .rate-over {background:url(../images/stars-on-red.gif); background-repeat:no-repeat;}
.rating .state-over-1 {background-position: 0 0px; }
.rating .state-over-2 {background-position: 0 -20px; }
.rating .state-over-3 {background-position: 0 -40px; }
.rating .state-over-4 {background-position: 0 -60px; }
.rating .state-over-5 {background-position: 0 -80px; }

/*--filter--*/
.filter {margin:0px; }

/*--combo-list--*/


/*--------views--------*/
.links-view {padding:5px 10px 5px 10px; border-top:none; margin:0px}
.list-view {padding:5px 10px 5px 10px; border-top:none; margin:0px}
.list-view .detail {clear:both}
.table-view {padding:5px 0px 5px 4px; border-top:none; margin: -2px 0px 0px 0px; }

/* Luc K : ceci etait pour decaler le tableau sur la droite de facon a placer le bouton creer */
/* .table-view {padding:5px 0px 5px 63px; border-top:none; margin: -2px 0px 0px 0px; }*/

/* .table-view TD {border:0px none}*/
.table-view TD {border: 1px solid #AFB1B4; padding-left:4px ;background-color:#FFFFFF }
.table-view TH {border: 1px solid #AFB1B4; padding-left:4px; text-align:center}
.table-view .empty {border: 2px solid #EEEEEE; background:#fff}
.thumbnail-view {padding:5px 10px 5px 10px; border-top:none; margin:0px}
.thumbnail-view .detail { border:1px solid #D1D1D1!important;}

/*item sheet*/
.item-view {padding:5px 10px 5px 10px; border:1px solid #D1D1D1;}
.button-area {padding:10px 0px 5px 0px;}
.item-view .content {padding:10px 0px 10px 0px; margin:10px 0px 10px 0px; border-top:1px dashed #ACACAC; }
.item-view H1 {background-image:none; color:#a90004; padding-left:0px; font-size:15px; margin:5px 0px 5px 0px;}

/*detail*/
.detail H4 {margin:3px 0px 3px 0px; color:#a90004; }
.detail A:link, .detail A:visited{color:#414141;}
.detail A:hover, .detail A:active{color:#414141; text-decoration:none}
.detail H4 IMG {margin-right:6px}
.description {font-size:12px; color:#999999;}
.detail .date, .detail .actor, .detail .path, .detail .properties P{color:#414141; text-align:right; padding-right:5px}
.detail .date STRONG, .detail .actor STRONG, .detail .path STRONG, .detail .properties STRONG{color:#414141; margin-right:5px}
.item-view .date, .item-view .actor, .item-view .path, .item-view .properties {color:#414141; text-align:right; padding-right:5px}
.item-view .date STRONG, .item-view .actor STRONG, .item-view .path STRONG, .item-view .properties STRONG{color:#414141; margin-right:5px}
.detail .date STRONG {padding:1px 0px 0px 0px}
.detail .actor STRONG {padding:1px 0px 0px 0px}
.detail .path STRONG {padding:1px 0px 0px 0px}
.item-view .date STRONG {padding:1px 0px 0px 0px}
.item-view .actor STRONG {padding:1px 0px 0px 0px}
.item-view .path STRONG {padding:1px 0px 0px 0px}
.EzsSearch-result .detail .date STRONG, .EzsSearch-result .detail .actor STRONG, .EzsSearch-result .detail .properties STRONG{color:#92D050;}
.EzsSearch-result .detail .date, .EzsSearch-result .detail .actor, .EzsSearch-result .detail .path, .EzsSearch-result .detail .properties P{color:#999;}
.EzsSearch-result .detail .path {text-align:left}

/*--------applications--------*/

/*--application browser--*/
.group { padding:0px; margin:10px 0px 10px 0px;}

/*bloc actions*/
.actions-area { padding:8px 8px 5px 8px;  }
.actions-area .button-area {}
.actions-area .button-area IMG {}
.actions-area .button-area .action-refresh {background-image :url(../images/refresh-green.png); height:29px; width:29px;}
.actions-area .button-area .action-refresh SPAN {display:none;}

/*navigation area*/
.navigation-area {background-color: #fff;  border:0px none; padding:3px; margin:0px; margin:0px;}
.navigation-area A:link, .navigation-area A:visited {font-size:12px;}
.navigation-area A:hover, .navigation-area A:active {color:#333333;}
.navigation-area .streamline {background-image:none; padding-left:0px; font-weight:normal;}
.navigation-area .streamline .action-root {}
.navigation-area .streamline .action-root SPAN {}
.navigation-area .list-view {color:#E6E6E6; border:none}

/*form area*/
.form-area { margin:0px; padding:0px}
.form-area .button-area {padding:4px 0px 0px 0px; }
.form-area .fields-area {clear:both }
.form-area .fields-group TABLE {width:100%; border-collapse:separate; border-spacing:0px 0px }

.vui-screen-form .fields-group .cell-left,.vui-screen-sheet .fields-group .cell-left {width:20%; }
.vui-screen-form .fields-group .cell-right,.vui-screen-sheet .fields-group .cell-right {width:80%}

.fields-group TD {padding: 4px 5px 4px 5px;}
.fields-group .cell-left,.fields-group .cell-right,.fields-group .cell-full {/*vertical-align:top;*/ padding:0px 5px 0px 5px ; border:1px solid #CECECE }
.fields-group .cell-left { background:#eee; text-align:left}
.fields-group .cell-right {background-color:#FFFFFF  }
.fields-group .view-area .actions-area {display: block; float: none;}
.fields-group .view-area .actions-area .button-area TD {vertical-align:top}



/*.form-area { margin:0px; padding:0px}
.form-area .button-area {padding:10px 0px 0px 0px;}
.form-area .fields-area {clear:both}
.form-area .fields-group TABLE {width:100%; border-collapse:separate; border-spacing:0px 2px}

.vui-screen-form .fields-group .cell-left,.vui-screen-sheet .fields-group .cell-left {width:20%; }
.vui-screen-form .fields-group .cell-right,.vui-screen-sheet .fields-group .cell-right {width:80%}

.fields-group .cell-left,.fields-group .cell-right,.fields-group .cell-full {vertical-align:top}
.fields-group .cell-left {border-left:3px solid #eee; background:#4d4d4d}
.fields-group .cell-left LABEL {color:#fff}
.fields-group TD {padding: 7px 4px 5px 4px;}
.fields-group .cell-right {background:#eee}
*/

.actions-area .button1,.navigation-area .button1,.form-area .button1 {background :url(../images/button1left.png) no-repeat left center;	background-color :transparent;		}
.actions-area .button1 SPAN,.navigation-area .button1 SPAN,.form-area .button1 SPAN {background: url(../images/button1right.png) no-repeat right center ;}

/*views*/
.view-area { margin:0px;  border:0px none;}
.view-area A:link, .view-area A:visited {}
.view-area A:hover, .view-area A:active {}
.view-area .filter-area {background-color:#eeeeee; border-bottom:0px none;  padding:5px 7px 5px 7px; }
.view-area .informations { margin:0px;}
.view-area .highlight {}
.view-area .highlight A:link {}
.view-area .highlight A:visited {}
.view-area .highlight A:hover {}
.view-area .highlight A:active {}
TD.empty {margin-top:5px}

/*application browser simple display*/
.simple-display .group {border:none}
.simple-display .view-area {border:none}
.simple-display .actions-area {border:none; background-color:transparent}
.simple-display .list-view {border:none; }
.simple-display .table-view {border:none;}
.simple-display .links-view {border:none; padding:5px 10px 5px 10px;}

/*application group*/
.group .form-area {border:1px solid #D1D1D1; margin:0px; padding:10px}
.group .wizard-area { border:1px solid #D1D1D1; margin:0px; padding:7px}
.group .wizard-area .form-area {border:none}

/*polls*/
.poll {margin:10px}
.poll H3 {margin-left:0px}
.poll .bar-outer { margin-top:4px; }
.poll UL {margin:6px 0px 3px 12px; padding:0px; list-style-position:outside;}
.poll UL LI {padding:3px 0px 3px 0px; display:block; }

/*authentication*/
/*authentication*/
.authentication-form {border:0px solid #D1D1D1 ; margin:10px 17px 0px 20px; padding:0px 0px 37px 0px; text-align:right; color:#0eb0df}
.authentication-form UL {float:left; margin:0}
.header-anonyme .authentication-form UL {margin-top:-8px}
.authentication-form p {margin:10px 3px 0px 10px; font-weight:bold}
.authentication-form button {margin:0px 5px 0 0; }
.authentication-form .button1 {/*margin-top:20px*/}
.authentication-form INPUT {width:154px; color:#000000 ; background-color:#FFFFFF ;}

.header-anonyme .authentication-form {margin-top:0px; position:relative}
.header-anonyme .authentication-form LABEL {display:block; text-align:left; white-space:nowrap; padding-left:4px}
.header-anonyme .authentication-form UL LI {display:inline; float:left; padding-right:20px; padding-bottom:5px}
.header-anonyme .authentication-form .checkbox {float:left; width:auto; margin-top:1px}
.header-anonyme .authentication-form .button-area {position:absolute; left:194px; top:30px}
.search-result .list-view {}

/*infos*/
.informations { padding:6px 5px 6px 40px; color:#000000}

/*--forums--*/
.forum {} 
.forum-thread {}
.forum-thread-hot {}
.forum-thread-locked {}
.forum-post {}

/*---Datepicker---*/

/*general*/
.date-field .action-buttonShow {background:url(../images/calendar2.png) no-repeat left center; width:16px; height:17px; border:0}
.date-field .action-buttonErase {background:url(../images/button_reset.gif) no-repeat left 1px; width:15px; height:15px; border:0}

.ui-datepicker {width:auto; padding:0 5px;}

.ui-widget {font-family:Calibri,Arial, Helvetica, sans-serif;}
.ui-widget-header {background:url(../images/header-dp.gif) repeat-x left top; border:0px; color:#FFFFFF}
.ui-widget-content {border:1px solid #A7A8AD; color:#333333}

/*header*/
.ui-datepicker INPUT, .ui-datepicker SELECT, .ui-datepicker TEXTAREA {background:#ffffff; border:1px solid #DADADA; color:#333333}
.ui-datepicker .ui-datepicker-header {margin-top:0.3em;  padding: 0.4em 0 0.3em;}

.ui-datepicker th {padding:0.6em 0.5em 0.6em 0.5em; font-weight:normal; color:#383433; font-size:11px}
.ui-datepicker select.ui-datepicker-month{margin-right:5px}
/*.ui-datepicker select.ui-datepicker-month{width:45%}
.ui-datepicker select.ui-datepicker-year{width:30%}*/
.ui-datepicker .ui-datepicker-title select {font-size:12px; padding:0}
.ui-datepicker .ui-datepicker-title {line-height: 1.4em;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: Arial, sans-serif; }

/*buttons*/
.ui-datepicker .ui-datepicker-prev span {background:url(../images/left-arrow-dp.png) no-repeat 2px 2px; margin-top:-7px}
.ui-datepicker .ui-datepicker-next span{background:url(../images/right-arrow-dp.png) no-repeat 2px 2px; margin-top:-7px}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {margin-top:0px}
.ui-datepicker .ui-datepicker-buttonpane {border-top:1px solid #F50101; height:3px; }
.ui-datepicker .ui-datepicker-buttonpane button {margin: 0.8em 0em 0.4em 0em; background:white; font-family:Arial, Helvetica, sans-serif; font-size:11px}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {opacity:1;}

/*cell*/
.ui-datepicker td a:link, .ui-datepicker td a:visited {padding: 0.4em 0.2em 0em 1.1em; }
.ui-datepicker td a:hover, .ui-datepicker td a:active {padding: 0.4em 0.2em 0em 1.1em; color:#797979  }
.ui-datepicker-calendar .ui-state-default{background-image: none; background-color:#EFEFEF; border: 1px solid #cecfca; color: #797979; font-weight: normal;	font-size:11px;}

/*current day*/
.ui-datepicker-current-day .ui-state-default{background:transparent url(../images/today.png) no-repeat left top!important; border:0!important; border-top:1px solid #9E1E1E!important; border-bottom:1px solid #F22E2E!important; color:#FFF!important; font-weight:bold; padding: 0.4em 0.2em 0em 1.1em; }

/*rollover on today, week-end ans default cell*/
.ui-datepicker-calendar A:hover{background:url(../images/hover-dp.png) no-repeat left top}
.ui-datepicker-calendar .ui-datepicker-week-end A:hover{background:url(../images/hover-dp.png) no-repeat left top}
.ui-datepicker-calendar .ui-datepicker-today {}
.ui-datepicker-calendar .ui-datepicker-today A:link, .ui-datepicker-calendar .ui-datepicker-today A:visited {border:1px solid red; background:transparent; color:#797979}
.ui-datepicker-calendar .ui-datepicker-today A:hover, .ui-datepicker-calendar .ui-datepicker-today A:active{background:url(../images/hover-dp.png) no-repeat left top!important; color:#797979!important; border:1px solid #CECFCA!important; padding: 0.4em 0.2em 0em 1.1em; }
.ui-widget-header .ui-state-hover {background:#C20000; border: 1px solid #9B0000; color: #212121; font-weight: normal; cursor:pointer;}
.ui-datepicker-week-end A:hover, .ui-datepicker-week-end A:active {background:url(../images/hover-dp.png) no-repeat left top!important; color:#797979!important; border:1px solid #CECFCA!important;}

/*week-end celle style*/
.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {background:#D8D8D8; }

/*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 18px 10px; width:16px}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {height: 22px;}

/*multi-calendar*/
.ui-datepicker-multi-2{width:510px!important}
.ui-datepicker-multi-3{width:760px!important}

/*************datepicker************/
.ui-datepicker {border:1px solid #ff8000; border-radius:0px; padding-bottom:5px}
.ui-datepicker .ui-datepicker-header {background:#0099ff; border:0px none; border-radius:0px}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {cursor:pointer}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover {}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover {}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {border-radius:0px; border:1px solid transparent; background:#0073BF}
.ui-datepicker INPUT, .ui-datepicker SELECT, .ui-datepicker TEXTAREA {border: 0px solid #ccc;}
.ui-datepicker .ui-datepicker-buttonpane button {background:#0099ff; border:0; box-shadow:0px 0px 0px 0px; border-radius:0; margin:0px 2px; padding:4px 10px; height:33px; vertical-align:middle; color:#fff ; font-size:12px}
.ui-datepicker .ui-datepicker-buttonpane button:hover {background:#0073BF}
.ui-datepicker .ui-datepicker-buttonpane {border:0 none}
.ui-datepicker .ui-state-default {background:#82CF34; border:1px solid #82CF34; color:#fff}
.ui-datepicker .ui-state-hover { border:1px solid #fff; background:transparent}
.ui-datepicker .ui-state-active {border:1px solid #fff; background:transparent}
.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {background:#ff8000; border:1px solid #ff8000}
.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-hover {background:#EC7600; border:1px solid #EC7600}
.ui-datepicker-calendar .ui-datepicker-today A:link, .ui-datepicker-calendar .ui-datepicker-today A:visited {border:1px solid #82CF34; color:#82CF34}
.ui-datepicker-calendar .ui-datepicker-today A:hover, .ui-datepicker-calendar .ui-datepicker-today A:active {border:1px solid #619C25; color:#619C25; background:#fff}
.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-active {background:#EC0000; border:1px solid #EC0000}



/*process plugin masks*/
.process-navigation {margin:0px 0 0 0; padding:0; float:right}
.process-navigation LI {display:inline-block; font-size: 12px;font-weight: normal; color: #0099ff ;margin: 11px 5px; }
.process-navigation LI .btn-views{background:url(../images/btn-link-blue-active.png) no-repeat left top; padding: 8px 37px}
.process-navigation LI .btn-views2{background:url(../images/btn-link-blue.png) no-repeat left top; }
.process-navigation LI .btn-contributions {background:url(../images/btn-contribution.png) no-repeat left top; }
.process-navigation LI .btn-contributions2  {background:url(../images/btn-contribution-active.png) no-repeat left top;padding: 8px 36px }
.process-navigation LI .btn-contributions A:link, .process-navigation LI .btn-contributions A:visited{color:#fff; text-decoration:none; padding: 8px 36px; display:block; }
.process-navigation LI .btn-contributions A:hover, .process-navigation LI .btn-contributions A:active{color:#fff; background:url(../images/btn-contribution-hover.png) no-repeat left top; }
.process-navigation LI .btn-views2 A:link, .process-navigation LI .btn-views2 A:visited{color:#fff; text-decoration:none; padding: 8px 37px; display:block; }
.process-navigation LI .btn-views2 A:hover, .process-navigation LI .btn-views2 A:active{color:#fff; background:url(../images/btn-link-blue-hover.png) no-repeat left top; }
.button-area {}
.document-secondary-buttons {text-align:right}
.form-area .buttons-group {text-align:right}
.form-area .fields-group .action-history TABLE {width:auto}

/*process icon buttons*/
.vui-screen-document .form-area .action-help ,.vui-screen-document .form-area  .action-BackToParent ,.vui-screen-document .form-area .action-print  { width:21px; height:21px;}
.vui-screen-document .form-area .action-help SPAN,.vui-screen-document .form-area  .action-BackToParent SPAN,.vui-screen-document .form-area .action-print SPAN { display:none}
.vui-screen-document .form-area .action-help {background:url(../images/action_help.png) no-repeat center;}
.vui-screen-document .form-area .action-BackToParent {background:url(../images/action_backtofather.png) no-repeat center;}
.vui-screen-document .form-area .action-print {background:url(../images/action_print.png) no-repeat center;}

/*process plugin thumbnail views*/
.myViews-view .thumbnail-view .thumbnail IMG,.myDocs-view .thumbnail-view .thumbnail IMG {background-image:url(../images/form_red.png);}
.EzsSearch-result .list-view {padding:5px 0px}
.EzsSearch-result .list-view .detail {padding-bottom:10px; border-bottom:1px solid #92D050; margin-right:0; margin-bottom:15px}
.view-area .actions-area {display:inline; float:right}

.blue .navigation-area .list-view .horizontal .detail STRONG {color:#0099ff; background:url(../images/puce-blue.png) no-repeat left center; padding-left:12px}
.blue .navigation-area .list-view .horizontal .detail A:link, .blue .navigation-area .list-view .horizontal .detail A:visited {color:#414141; background:url(../images/puce-red.png) no-repeat left center; padding-left:12px}
.blue .navigation-area .list-view .horizontal .detail A:hover, .blue .navigation-area .list-view .horizontal .detail A:active {text-decoration:none}
.blue .actions-area .button-area .action-refresh {background-image: url(../images/refresh-blue.png); height:29px; width:29px; margin-bottom:5px}
.blue .actions-area { padding:4px 0px 0px 0px;  }
.blue .sort-ascending {background-image: url(../images/button_sort_ascending.png);}
.blue .sort-descending {background-image: url(../images/button_sort_descending.png);}
.blue .unsorted {background-image: url(../images/button_sort.png);}
.blue .table TH A:hover, .blue .table TH A:active {color:#0099ff;}
.blue .button1 {background: url(../images/buttonleft-blue.png) no-repeat left center;}
.blue .button1 span{background: url(../images/buttonright-blue.png) no-repeat right center;}
.blue button:hover.button1 {background: url(../images/buttonleft-blue-hover.png) no-repeat left center;}
.blue button:hover.button1 span{background: url(../images/buttonright-blue-hover.png) no-repeat right center;}
.blue .view-area .date, .blue .view-area .actor, .blue .view-area .path {color:#fff; background:#0099ff; }
.blue .view-area .date STRONG, .blue .view-area .actor STRONG, .blue .view-area .path STRONG{color:#414141; background:#fff}
.blue .item-view H1 {color:#0099ff; border-bottom:1px solid #0099ff}
.blue .item-view .date, .blue .item-view .actor, .blue .item-view .path {color:#fff; background:#0099ff; }
.blue .item-view .date STRONG, .blue .item-view .actor STRONG, .blue .item-view .path STRONG{color:#414141; background:#fff}

.red .navigation-area .list-view .horizontal .detail STRONG {color:#0099ff; background:url(../images/puce-red.png) no-repeat left center; padding-left:12px}
.red .navigation-area .list-view .horizontal .detail A:link, .red .navigation-area .list-view .horizontal .detail A:visited {color:#414141; background:url(../images/puce-red.png) no-repeat left center; padding-left:12px}
.red .navigation-area .list-view .horizontal .detail A:hover, .red .navigation-area .list-view .horizontal .detail A:active {text-decoration:none}
.red .actions-area .button-area .action-refresh {background-image: url(../images/refresh-red.png); height:29px; width:29px; margin-bottom:5px}
.red .actions-area { padding:4px 0px 0px 0px;  }
.red .sort-ascending {background-image: url(../images/button_sort_ascending-red.png);}
.red .sort-descending {background-image: url(../images/button_sort_descending-red.png);}
.red .unsorted {background-image: url(../images/button_sort.png);}
.red .table TH A:hover, .red .table TH A:active {color:#0099ff;}
.red .button1 {background: url(../images/buttonleft-red.png) no-repeat left center;}
.red .button1 span{background: url(../images/buttonright-red.png) no-repeat right center;}
.red button:hover.button1 {background: url(../images/buttonleft-red-hover.png) no-repeat left center;}
.red button:hover.button1 span{background: url(../images/buttonright-red-hover.png) no-repeat right center;}
.red .view-area .date, .red .view-area .actor, .red .view-area .path {color:#fff; background:#0099ff; }
.red .view-area .date STRONG, .red .view-area .actor STRONG, .red .view-area .path STRONG{color:#414141; background:#fff}
.red .item-view H1 {color:#0099ff; border-bottom:1px solid #0099ff}
.red .item-view .date, .red .item-view .actor, .red .item-view .path {color:#fff; background:#0099ff; }
.red .item-view .date STRONG, .red .item-view .actor STRONG, .red .item-view .path STRONG{color:#414141; background:#fff}

.purple .navigation-area .list-view .horizontal .detail STRONG {color:#5A01FC; background:url(../images/puce-purple.png) no-repeat left center; padding-left:12px}
.purple .navigation-area .list-view .horizontal .detail A:link, .purple .navigation-area .list-view .horizontal .detail A:visited {color:#414141; background:url(../images/puce-red.png) no-repeat left center; padding-left:12px}
.purple .navigation-area .list-view .horizontal .detail A:hover, .purple .navigation-area .list-view .horizontal .detail A:active {text-decoration:none}
.purple .actions-area .button-area .action-refresh {background-image: url(../images/refresh-purple.png); height:29px; width:29px; margin-bottom:5px}
.purple .actions-area { padding:4px 0px 0px 0px;  }
.purple .sort-ascending {background-image: url(../images/button_sort_ascending-purple.png);}
.purple .sort-descending {background-image: url(../images/button_sort_descending-purple.png);}
.purple .unsorted {background-image: url(../images/button_sort.png);}
.purple .table TH A:hover, .purple .table TH A:active {color:#5A01FC;}
.purple .button1 {background: url(../images/buttonleft-purple.png) no-repeat left center;}
.purple .button1 span{background: url(../images/buttonright-purple.png) no-repeat right center;}
.purple button:hover.button1 {background: url(../images/buttonleft-purple-hover.png) no-repeat left center;}
.purple button:hover.button1 span{background: url(../images/buttonright-purple-hover.png) no-repeat right center;}
.purple .view-area .date, .purple .view-area .actor, .purple .view-area .path {color:#fff; background:#5A01FC; }
.purple .view-area .date STRONG, .purple .view-area .actor STRONG, .purple .view-area .path STRONG{color:#414141; background:#fff}
.purple .item-view H1 {color:#5A01FC; border-bottom:1px solid #5A01FC}
.purple .item-view .date, .purple .item-view .actor, .purple .item-view .path {color:#fff; background:#5A01FC; }
.purple .item-view .date STRONG, .purple .item-view .actor STRONG, .purple .item-view .path STRONG{color:#414141; background:#fff}

.orange .navigation-area .list-view .horizontal .detail STRONG {color:#FF8726; background:url(../images/puce-orange.png) no-repeat left center; padding-left:12px}
.orange .navigation-area .list-view .horizontal .detail A:link, .orange .navigation-area .list-view .horizontal .detail A:visited {color:#414141; background:url(../images/puce-red.png) no-repeat left center; padding-left:12px}
.orange .navigation-area .list-view .horizontal .detail A:hover, .orange .navigation-area .list-view .horizontal .detail A:active {text-decoration:none}
.orange .actions-area .button-area .action-refresh {background-image: url(../images/refresh-orange.png); height:29px; width:29px; margin-bottom:5px}
.orange .actions-area { padding:4px 0px 0px 0px;  }
.orange .sort-ascending {background-image: url(../images/button_sort_ascending-orange.png);}
.orange .sort-descending {background-image: url(../images/button_sort_descending-orange.png);}
.orange .unsorted {background-image: url(../images/button_sort.png);}
.orange .table TH A:hover, .orange .table TH A:active {color:#FF8726;}
.orange .button1 {background: url(../images/button2left.png) no-repeat left center;}
.orange .button1 span{background: url(../images/button2right.png) no-repeat right center;}
.orange button:hover.button1 {background: url(../images/button2left-hover.png) no-repeat left center;}
.orange button:hover.button1 span{background: url(../images/button2right-hover.png) no-repeat right center;}
.orange .view-area .date, .orange .view-area .actor, .orange .view-area .path {color:#fff; background:#FF8726; }
.orange .view-area .date STRONG, .orange .view-area .actor STRONG, .orange .view-area .path STRONG{color:#414141; background:#fff}
.orange .item-view H1 {color:#FF8726; border-bottom:1px solid #FF8726}
.orange .item-view .date, .orange .item-view .actor, .orange .item-view .path {color:#fff; background:#FF8726; }
.orange .item-view .date STRONG, .orange .item-view .actor STRONG, .orange .item-view .path STRONG{color:#414141; background:#fff}

.green .navigation-area .list-view .horizontal .detail STRONG {color:#92D050; background:url(../images/puce-green.png) no-repeat left center; padding-left:12px}
.green .navigation-area .list-view .horizontal .detail A:link, .green .navigation-area .list-view .horizontal .detail A:visited {color:#414141; background:url(../images/puce-red.png) no-repeat left center; padding-left:12px}
.green .navigation-area .list-view .horizontal .detail A:hover, .green .navigation-area .list-view .horizontal .detail A:active {text-decoration:none}
.green .actions-area .button-area .action-refresh {background-image: url(../images/refresh-green.png); height:29px; width:29px; margin-bottom:5px}
.green .actions-area { padding:4px 0px 0px 0px;  }
.green .sort-ascending {background-image: url(../images/button_sort_ascending-green.png);}
.green .sort-descending {background-image: url(../images/button_sort_descending-green.png);}
.green .unsorted {background-image: url(../images/button_sort.png);}
.green .table TH A:hover, .green .table TH A:active {color:#92D050;}
.green .button1 {background: url(../images/button1left.png) no-repeat left center;}
.green .button1 span{background: url(../images/button1right.png) no-repeat right center;}
.green button:hover.button1 {background: url(../images/button1left-hover.png) no-repeat left center;}
.green button:hover.button1 span{background: url(../images/button1right-hover.png) no-repeat right center;}
.green .view-area .date, .green .view-area .actor, .green .view-area .path {color:#fff; background:#92D050; }
.green .view-area .date STRONG, .green .view-area .actor STRONG, .green .view-area .path STRONG{color:#414141; background:#fff}
.green .item-view H1 {color:#92D050; border-bottom:1px solid #92D050}
.green .item-view .date, .green .item-view .actor, .green .item-view .path {color:#fff; background:#92D050; }
.green .item-view .date STRONG, .green .item-view .actor STRONG, .green .item-view .path STRONG{color:#414141; background:#fff}

.pink .navigation-area .list-view .horizontal .detail STRONG {color:#fa11c0; background:url(../images/puce-pink.png) no-repeat left center; padding-left:12px}
.pink .navigation-area .list-view .horizontal .detail A:link, .pink .navigation-area .list-view .horizontal .detail A:visited {color:#414141; background:url(../images/puce-red.png) no-repeat left center; padding-left:12px}
.pink .navigation-area .list-view .horizontal .detail A:hover, .pink .navigation-area .list-view .horizontal .detail A:active {text-decoration:none}
.pink .actions-area .button-area .action-refresh {background-image: url(../images/refresh-pink.png); height:29px; width:29px; margin-bottom:5px}
.pink .actions-area { padding:4px 0px 0px 0px;  }
.pink .sort-ascending {background-image: url(../images/button_sort_ascending-pink.png);}
.pink .sort-descending {background-image: url(../images/button_sort_descending-pink.png);}
.pink .unsorted {background-image: url(../images/button_sort.png);}
.pink .table TH A:hover, .pink .table TH A:active {color:#fa11c0;}
.pink .button1 {background: url(../images/buttonleft-pink.png) no-repeat left center;}
.pink .button1 span{background: url(../images/buttonright-pink.png) no-repeat right center;}
.pink button:hover.button1 {background: url(../images/buttonleft-pink-hover.png) no-repeat left center;}
.pink button:hover.button1 span{background: url(../images/buttonright-pink-hover.png) no-repeat right center;}
.pink .view-area .date, .pink .view-area .actor, .pink .view-area .path {color:#fff; background:#fa11c0; }
.pink .view-area .date STRONG, .pink .view-area .actor STRONG, .pink .view-area .path STRONG{color:#414141; background:#fff}
.pink .item-view H1 {color:#fa11c0; border-bottom:1px solid #fa11c0}
.pink .item-view .date, .pink .item-view .actor, .pink .item-view .path {color:#fff; background:#fa11c0; }
.pink .item-view .date STRONG, .pink .item-view .actor STRONG, .pink .item-view .path STRONG{color:#414141; background:#fff}

.myDocs-view .navigation-area .list-view .horizontal .detail STRONG {color:#92D050; background:url(../images/puce-green.png) no-repeat left center; padding-left:12px}
.myDocs-view .navigation-area .list-view .horizontal .detail A:link, .myDocs-view .navigation-area .list-view .horizontal .detail A:visited {color:#414141; background:url(../images/puce-red.png) no-repeat left center; padding-left:12px}
.myDocs-view .navigation-area .list-view .horizontal .detail A:hover, .myDocs-view .navigation-area .list-view .horizontal .detail A:active {text-decoration:none}

.myViews-view .navigation-area .list-view .horizontal .detail STRONG {color:#92D050; background:url(../images/puce-green.png) no-repeat left center; padding-left:12px}
.myViews-view .navigation-area .list-view .horizontal .detail A:link, .myViews-view .navigation-area .list-view .horizontal .detail A:visited {color:#414141; background:url(../images/puce-red.png) no-repeat left center; padding-left:12px}
.myViews-view .navigation-area .list-view .horizontal .detail A:hover, .myViews-view .navigation-area .list-view .horizontal .detail A:active {text-decoration:none}

/*trombinoscope*/
.sys-application-portal-users INPUT {border:2px solid #eee; width:223px}
.sys-application-portal-users SELECT {border:2px solid #eee; width:235px}

/*news vdoc*/
.sys-application-portal-news .list-view {padding:10px 0px 5px 0px}
.sys-application-portal-news .highlight H4 {padding: 1px 0 1px 25px; background:url(../images/star.png) no-repeat left center}
.view-area .highlight A:link {color: #414141;}
.view-area .highlight A:hover {color: #414141; text-decoration:none}
.detail H4 A:link, .detail H4 A:visited { color: #414141; font:bold 12px Arial, Helvetica, sans-serif}
.detail H4 A:hover, .detail H4 A:active { color: #414141; text-decoration:none}

.sys-application-portal-news .detail H4 {clear:both; /*display:block; float:left*/}
.sys-application-portal-news .detail .description {clear:both; /*display:block; float:left*/}
.sys-application-portal-news .detail .date, .sys-application-portal-news .detail .actor, .sys-application-portal-news .detail .path {display:block; float:right; clear:both; white-space:nowrap}

.sys-application-portal-news .item-view .date, .sys-application-portal-news .item-view .actor, .sys-application-portal-news .item-view .path {display:block; float:right; clear:both}
.sys-application-portal-news .item-view .content {clear:both}

/*carousel*/
.carousel {position:relative}
.carousel #carousel {height:350px; width:940px}
.carousel #carousel #scrollable{height:350px; width:940px; float:none}
.carousel #carousel .item {height:350px; width:940px; padding:0; cursor:default}
.carousel #carousel .item TABLE {border-collapse:collapse}
.carousel #carousel .item .tditem {padding:0}
.carousel #carousel .left {position:absolute; margin:0; bottom:10px; left:20px; z-index:1}
.carousel #carousel .right {position:absolute; margin:0; bottom:10px; left:60px; z-index:1 }
.carousel #carousel a.browse {background-image:url(../images/browse-carousel.png)}

.infos-carousel {position:absolute; top:0px; height:310px; width:260px; background:url(../images/bg-carousel.png) no-repeat left top; padding:20px}
.description-carousel {margin:20px 0px; color:#999; cursor:text}
.titre-carousel H1 {border-bottom-width:1px; cursor:text}
.link-carousel A {display:block; margin:10px 0;padding:7px 22px; float:right }
.link-carousel A:link, .link-carousel A:visited {text-decoration:none; color:#fff; background:url(../images/btn-link-blue.png) no-repeat left top}
.link-carousel A:hover, .link-carousel A:active {background:url(../images/btn-link-blue-hover.png) no-repeat left top}
.date-carousel {color:#0099ff; cursor:text}
.fcfolders-view .view-area .actions-area, .fcsubscriptions-view .view-area .actions-area, .fcrecyclebin-view .view-area .actions-area {float:left}
.fcfolders-view .button-area-left, .fcsubscriptions-view .button-area-left, .fcrecyclebin-view .button-area-left{display:inline}

/*Plugin Process*/
.myViews-view {margin-top:5px}
.myViews-view .view-area .actions-area, .myDocs-view .view-area .actions-area{float:left}
.myViews-view .button-area-left, .myDocs-view .button-area-left{display:inline}

/*Plugin News*/
.p-header {font:bold 12px Calibri,'ralewayextralight', Arial, Helvetica, sans-serif }
.back A { background:url(../images/btn-link-orange2.png) no-repeat center center; padding:8px 34px; text-decoration:none; color:#fff; font:bold 12px Arial, Helvetica, sans-serif}
.back A:hover { background:url(../images/btn-link-orange-hover2.png) no-repeat center center;}

/*wizard-area*/
.wizard-area .picture {background:none; width:0}

/*Plugin user profil*/
.table-user TABLE {border-collapse:separate; border-spacing:0px 2px}
.table-user TH {border-left:3px solid #ccc; background:#414141; border-bottom:0px none; color:#fff}
.table-user TD {background:#eee}


.test-effect {overflow:hidden; width:283px; height:164px; 
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.test-effect:hover {box-shadow: 0 0 15px 0 #2d2d2d;}
.test-image IMG {
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
opacity: 1;

}
.test-image:hover IMG{
-moz-transform: scale(1.10) ;
-webkit-transform:scale(1.10);
-o-transform:scale(1.10);
-ms-transform:scale(1.10);
transform:scale(1.10);
opacity: 1;}

.wizard-guide .informations, .lightbox-panel .wizard-guide .informations {padding: 4px 0;}

/*Xtended Search*/
.axvdocsearch-search .group {margin:0}
.axvdocsearch-search .group .form-area {border:0px none; padding:0}
.axvdocsearch-search .group .form-area .informations {background:url(../images/loupe2.png) no-repeat left center; padding:6px 5px 6px 35px}
.axvdocsearch-search .group .form-area .informations P{margin:0; padding:0; background:none; border-bottom:2px solid #0099ff; color:#0099ff; font:normal 24px/24px Calibri,'ralewayregular', Arial, Helvetica, sans-serif; clear:both}
.axvdocsearch-search .group .form-area .tab1-content {border:0px none; background-color:#fff; padding:0}
.axvdocsearch-search .group .form-area .tab1-content .long-field {width:310px}
.axvdocsearch-search .group .view-area .actions-area {padding:4px 0}

/*Actu mode vignettes*/
.actus .VDocFrontFourNews {border:1px solid #D1D1D1; border-radius:10px; padding:5px 5px 0px 5px;}
.actus .VDocFrontFourNews .VFFN_OthersGrid {float:left}
.actus .VFFN_news H4{float:left; font-weight:normal}
.actus .VDocFrontFourNews .VFFN_OthersGrid .VFFN_OthersGrid_Item .VFFN_img {float:left; padding-left:0px ; display:inline; width:40%}
.actus .VDocFrontFourNews .VFFN_OthersGrid .VFFN_OthersGrid_Item .VFFN_news {float:left}
.actus .VDocFrontFourNews .VFFN_OthersGrid .VFFN_OthersGrid_Item {border:0px none; width:100%; display:inline; float:left; height:auto}
.actus .VDocFrontFourNews .VFFN_OneFront .VFFN_img {background-color:transparent; width:100%; display:inline; float:left; padding:0px; border-bottom:0px solid #000}
.actus .VDocFrontFourNews .VFFN_OneFront .VFFN_news {display:inline; vertical-align:top; padding:0px 0px}
.actus .VFFN_highlighted, .actus .VFFN_OneFront{display:inline}
.actus .VFFN_description {clear:both; padding-bottom:5px}
.actus .VDocFrontFourNews .VFFN_OthersGrid .VFFN_OthersGrid_Item .VFFN_img {padding:5px 5px 5px 0px}
.actus .VDocFrontFourNews .VFFN_OthersGrid .VFFN_OthersGrid_Item .VFFN_news {padding:5px 0px 5px 5px}
.actus .VDocFrontFourNews {}
.actus .VDocFrontFourNews .VFFN_highlighted H4 A {background:url(../images/star.png) no-repeat left center; padding-left:25px}
.actus .VDocFrontFourNews .VFFN_highlighted H4 A:link, .actus .VDocFrontFourNews .VFFN_highlighted H4 A:visited {color:#0099ff;}
.actus .VDocFrontFourNews .VFFN_highlighted H4 A:hover, .actus .VDocFrontFourNews .VFFN_highlighted H4 A:active {text-decoration:none}

/*selector*/

.selector .grid-header1, .singleselector .grid-header1 {height:35px}
.selector .postaction IMG{/*margin-bottom:-15px*/}
.actions-area .button-area TABLE {width:100%;}
.actions-area .button-area .button-area-left {width:50%;}


/************ animated picture ************/
/*default template*/
.animated-picture {width: 250px; height: 250px; margin:10px 30px; float: left; border: 0px solid #fff; overflow: hidden; position: relative; text-align: center; cursor: default;}
.animated-picture .mask{width: 250px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0}
.animated-picture span img {display: block; position: relative}
.animated-picture h1 {text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding:10px; background: rgba(0, 0, 0, 0.8);margin: 10px 0 0 0; border-bottom:0 none; }
.animated-picture p {font-family: 'Raleway-Medium', Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 10px; text-align: center}
.animated-picture a.info {display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; box-shadow: 0 0 0px #fff}
.animated-picture a.info:hover {background:#fff; color:#000}
/*Animation style 1*/
.view-third  span img {transition: all 0.2s ease-in;}
.view-third .mask {background-color: rgba(0,0,0,0.6)/*couleur de l'animation 2*/; opacity: 0; transform: translate(460px, -100px) rotate(180deg); transition: all 0.2s 0.4s ease-in-out;}
.view-third h1{transform: translateY(-75px); transition: all 0.2s ease-in-out; }
.view-third p {transform: translateX(300px) rotate(90deg); transition: all 0.2s ease-in-out;}
.view-third a.info {transform: translateX(300px) rotate(90deg);  transition: all 0.2s ease-in-out;}
/*hover*/
.view-third:hover .mask {opacity:1; transition-delay: 0s; transform: translate(0px, 0px);}
.view-third:hover h1 {transform: translateY(-250px); transition-delay: 0.3s;}
.view-third:hover p {transform: translateY(60px) translateX(0px) rotate(0deg); transition-delay: 0.4s;}
.view-third:hover a.info {transform: translateY(50px) translateX(0px) rotate(0deg); transition-delay: 0.5s;}

/*Animation style 2*/
.animation2 .view-third span img {transition: all 0.2s linear;}
.animation2 .view-third .mask {opacity: 0; background-color: rgba(0,0,0, 0.7)/*couleur de l'animation 2*/; transform: translate(0px, 0px) rotate(0deg); transition: all 0.4s ease-in-out;}
.animation2 .view-third p {transform: translateY(-100px); transition: all 0.2s linear;}
.animation2 .view-third a.info{transform: translateX(0) translateY(-200px) rotate(0);  transition: all 0.2s ease-in-out;}
/*hover*/
.animation2 .view-third:hover span img {transform: scale(1.1);}
.animation2 .view-third:hover .mask {opacity: 1;}
.animation2 .view-third:hover h1 {transform: translateY(-85px); transition-delay:0.1s;}
.animation2 .view-third:hover p {transition-delay: 0.1s; transform: translateY(0);}
.animation2 .view-third:hover a.info {transform: translateY(-10px) translateX(0px) rotate(0deg); transition-delay: 0.1s;}

/*Animation style 3*/
.animation3 .view-third span img {transition: all 0.4s ease-in-out 0.2s; opacity: 1;}
.animation3 .view-third .mask {background-color: rgba(0,0,0,0.8)/*couleur de l'animation 2*/; opacity: 0; transform: scale(0) rotate(-180deg); transition: all 0.4s ease-in; border-radius: 0px;}
.animation3 .view-third h1 { }
.animation3 .view-third p { transition: all 0.5s ease-in-out;}
.animation3 .view-third a.info {transform: translateX(-300px) rotate(-90deg);  transition: all 0.5s ease-in-out;}
/*hover*/
.animation3 .view-third:hover .mask {opacity: 1; transform: scale(1) rotate(0deg); transition-delay: 0.2s;}                                
.animation3 .view-third:hover span img {transform: scale(0); opacity: 0; transition-delay: 0s;}                      
.animation3 .view-third:hover h1, .animation3 .view-third:hover p, .animation3 .view-third:hover a.info{opacity: 1; transition-delay: 0.5s;}
.animation3 .view-third:hover h1{  border-bottom: 1px solid rgba(255, 255, 255, 0.3); background: transparent; margin:0 20px 0 20px;  padding:10px 0 10px 0; transition: all 0.5s ease-in-out;}
.animation3 .view-third:hover p {transform: translateY(60px);}
.animation3 .view-third:hover a.info {transform: translateY(110px) translateX(0px) rotate(0deg); transition-delay: 0.5s;}
.actions-area .button-area TABLE {width:100%;}
.actions-area .button-area .button-area-left {width:50%;}

/* view-header popup-menu */
/* change child elements height */
.view-area .view-header .view-actions .popup-menu-handler { margin-right: 5px }
.view-area .view-header .view-actions .popup-menu-handler, 
.view-area .view-header .view-actions .popup-menu-handler IMG,
.view-area .view-header .view-actions .popup-menu-handler SPAN { height:29px; line-height:29px; }
/* left part */
.view-area .view-header .view-actions .popup-menu-handler SPAN { background:url(../images/buttonleft.png) repeat-x left center; padding-left:11px  } 
.view-area .view-header .view-actions .popup-menu-handler SPAN A {color:#fff; font-weight:bold}
.popup-menu-handler SPAN input[type="checkbox"] { margin-top: 4px;}
/* right part (trick: hide left border of the image) */
.view-area .view-header .view-actions .popup-menu-handler .button-imgr { background:url(../images/popup-menu-handler-right.png) no-repeat right center }

/* single */
.view-area .view-header .view-actions .popup-menu-handler-single:hover SPAN  { background:url(../images/buttonlefthover.png);  }
.view-area .view-header .view-actions .popup-menu-handler-single:hover .button-imgr   { background:url(../images/popup-menu-handler-right-hover.png) no-repeat right center; }
/* split (default action + dropdown menu)*/
.view-area .view-header .view-actions .popup-menu-handler-split SPAN:hover { background:url(../images/buttonlefthover.png); border-color:#fff; }
.view-area .view-header .view-actions .popup-menu-handler-split .button-imgr:hover { background:url(../images/popup-menu-handler-right-hover.png) no-repeat right center; border-color:#fff; }
/* when only dropdown menu is displayed (no text nor input) */
.view-area .view-header .view-actions .popup-menu-handler-dropdown-only SPAN { display:none }
.view-area .view-header .view-actions .popup-menu-handler-dropdown-only .button-imgr{ border:0 none; width:33px } 

/********* left-tab **********/
.left-tab {min-height: 100px; left: -328px; padding: 12px 0px 0 0px; position: fixed; top: 200px; width: 362px; z-index: 200;}
.left-tab .tab-content-left {background:white; padding:20px 20px 20px 40px; border:1px solid #D8D8D8;}
.left-tab .icon-tab .image {display:block; padding:3px 0; background:black;}

/********* right-tab **********/
.right-tab {right: 0px; padding: 12px 0px 20px 0px; position: fixed; top: 200px; width: 362px; z-index: 202; margin-right:-327px; min-height:100px}
.right-tab .tab-content {background:white; padding:20px; border:1px solid #D8D8D8;}
.right-tab .icon-tab .image {display:block; padding:3px 0;background:black;}


/********* left-tab **********/
.left-tab2 {min-height: 100px; left: -328px; padding: 12px 0px 0 0px; position: fixed; top: 250px; width: 362px; z-index: 200;}
.left-tab2 .tab-content-left {background:white; padding:20px 20px 20px 40px; border:1px solid #D8D8D8;}
.left-tab2 .icon-tab .image {display:block; padding:3px 0; background:black;}

/********* right-tab **********/
.right-tab2 {right: 0px; padding: 12px 0px 20px 0px; position: fixed; top: 250px; width: 362px; z-index: 202; margin-right:-327px; min-height:100px}
.right-tab2 .tab-content {background:white; padding:20px; border:1px solid #D8D8D8;}
.right-tab2 .icon-tab .image {display:block; padding:3px 0;background:black;}


/************ Tuiles Process ************/
.process1 {display: inline-block; text-align: center; width: 150px; height:70px;}
.process1 .icon-process A{display:block; height:150px; background:#0099FF}
.process1 .icon-process A IMG {padding-top:0px;padding-left:35px;background:#FFFFFF;  transition: all 0.2s ease 0s;}
.process1 .icon-process A:hover IMG {padding-top:0px;padding-left:35px;}
.process1 .process1-entry {width:150px; margin:-140px auto 0; ttransition: all 0.2s ease 0s;}
.process1:hover .process1-entry {margin:0 auto 0}
.process1 .process1-entry H1 {color:#000; border:0px; margin:0px 10px; font:normal 18px Calibri,'Raleway-SemiBold', Arial, Helvetica, sans-serif; }
.process1 .process1-entry H2 {color:#fff; border:0px; margin:0px 10px; font:normal 20px Calibri,'Raleway-SemiBold', Arial, Helvetica, sans-serif; }

.blue-tuile,.red-tuile,.purple-tuile,.orange-tuile,.green-tuile,.pink-tuile  {position:relative;  width: 168px; height:150px;}
.documents-count {position:absolute; background-color:black; top:-20px; right:20px; width:34px; height:34px; color:#fff; border: 5px solid #000000; border-radius: 50px; text-align:center; font: 22px Calibri,'Raleway-SemiBold',Arial,Helvetica,sans-serif;}

.blue-tuile .process1 .icon-process A{background:#0099FF;}
.red-tuile .process1 .icon-process A{background:#F82424;}
/* .red-tuile .process1 .icon-process A{background:#F82424;} */
.purple-tuile .process1 .icon-process A{background:#5A01FC;}
.orange-tuile .process1 .icon-process A{background:#FF8726;}
.green-tuile .process1 .icon-process A{background:#92D050;}
.pink-tuile .process1 .icon-process A{background:#FA11C0;}


/* bouton vert */
a.boutonvert {background :url(../images/button1left.png) no-repeat left;	background-color :white; position :relative ;display :block ;white-space :nowrap ;margin :0px ;height : 29px ;line-height:29px; padding :0px 0px 0px 20px; font:bold 12px Calibri,Arial, Helvetica, sans-serif ;color:#fff;}
a.boutonvert  span {background: url(../images/button1right.png) no-repeat right;position :relative ;display :block ;white-space :nowrap ;margin :0px ;height : 29px ;line-height:29px; padding :0px 20px 0px 0px; color:#fff;}
a:hover.boutonvert SPAN {background: url(../images/button1right-hover.png) no-repeat right center ;}
a:hover.boutonvert {background :url(../images/button1left-hover.png) no-repeat left center;}

/* LK ajout pour selecteur trop large */
.vui-combobox-medium input {width : 137px ; background-color:#FFFFFF }
.vui-combobox-medium .vui-combobox-offset {width : 137px ; background-color:#FFFFFF }
.medium-field  {width : 137px ; background-color:#FFFFFF }

/* ajout luc */
.section .fields-group, .subsection .fields-group, .section-highlighted .fields-group,
.section .fields-group, .subsection .fields-group, .section-highlighted .fields-group,.subsection-highlighted .fields-group {clear:both; padding:3px 5px 1px 5px}
.section .fields-group, .subsection .fields-group, .section-highlighted .fields-group,.subsection-highlighted .fields-group .view-header { padding: 7px 5px 2px 5px }
.section .section-actions, .subsection .section-actions,.section-highlighted .section-actions, .subsection-highlighted .section-actions {float:right; margin:-30px 0 10px 10px; }


.view-has-actions { position: relative; padding-top: 37px;  }
/*.view-header { padding: 7px 5px 2px 5px } */
.view-has-actions { position: relative; padding-top: 37px;  }
.view-has-actions .view-actions { position: absolute; top:5px; left:5px }

/* ceci etait pour pas voir le filte et decaler le bouton creer du tableau */
/* 
.view-has-actions { position: absolute; padding-top: 0px; margin: -62px 1px 1px 91px; }
.view-has-actions .view-actions { position: absolute; top:71px; left:-101px }
*/

/*.view-header { padding: 7px 5px 10px 5px } */
.view-header .view-selection,
.view-header .view-actions,
.view-header .view-actions .buttons-outer,
.view-header .view-options,
.view-header .pager,
.view-header .pager .itemsperpage,
.view-header .pager .items,
.view-header .pager .browser { display: inline; font-size:12px; }

.view-header .pager TABLE { display: inline-block; font-size:12px; vertical-align: middle; }


li.ipo-search-result-group ul {
    margin-top: 0px!important;
    list-style: none;
}
.ipo-search-result-group {margin-top:0px!important;margin-right:10px;}