/**
*
* @Feuille de style principale
* @Version 1.0
* @Copyright (c) 2011-2015 Capsirisk
*
* @Package Capsirisk Project
*/

/*
Le positionnement => display – visibility – position – top/right/bottom/left – z-index – float – clear - overflow
Les marges et bordures => margin – padding – border
Les dimensions => width – height – min-width/max-width – min-height/max-height
Les propriétés de texte => font – line-height – text-align – text-indent – text-decoration – text-transform – letter-spacing – word-spacing – color
L'arrière-plan => background
Le CSS3
*/

/* TAGS */

html {
    font-size: 100%;
}

body {
    font: .85em Verdana, Arial, sans-serif;
    line-height: 1.2em;
    color: #222222;
    background: #eff0ef;
}

h1 {
    padding-bottom: 10px;
    font-size: 2em;
}

h2 {
    padding-bottom: 8px;
    font-size: 1.8em;
}

h3 {
    padding-bottom: 6px;
    font-size: 1.6em;
}

h4 {
    padding-bottom: 4px;
    font-size: 1.4em;
}

h5 {
    padding-bottom: 2px;
    font-size: 1.2em;
}

h6 {
    font-size: 1em;
}

a {
    color: #4F88C9;
}

form {
    clear: both;
    padding: 0 10px 10px 10px;
}

form.inline {
    padding: 0 10px 0 4px;
}

fieldset {
    margin: 10px 0 5px 0;
    padding: 16px;
    border: none;
    background: #eff0ef;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

fieldset.inline {
    padding: 8px;
}

fieldset.label_align_right label,
fieldset.label_align_right .caption {
    text-align: right;
}

fieldset legend {
    margin: 15px 16px 0 -16px;
    padding: 16px;
    width: 100%;
    font-size: 1.3em;
    font-weight: bold;
    background: #e9e8e8;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

fieldset legend span {
    padding: 5px 0 5px 48px;
}

fieldset legend + p {
    padding: 0 0 10px 0;
    font-size: 1.1em;
    font-weight: bold;
}

label {
    float: left;
    margin: 8px 12px 5px 0;
}

input[type="text"],
input[type="password"],
input[type="checkbox"],
textarea,
select {
    position: relative;
    float: left;
    padding: 6px;
    border: 1px solid #e7e7e7;
    font-size: .9em;
    color: #363636;
    background: #fbfbfb;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="checkbox"]:focus,
textarea:focus,
select:focus {
    border-color: rgba(82, 168, 236, .8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
}

input[type="text"].field_error,
input[type="password"].field_error,
input[type="checkbox"].field_error,
textarea.field_error,
select.field_error,
div.field_error {
    border-color: rgba(212, 82, 82, .8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(212, 82, 82, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(212, 82, 82, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(212, 82, 82, .6);
}

input[type="button"],
input[type="submit"],
a.button {
    overflow: visible;
    padding: 14px 24px;
    border: 0px;
    cursor: pointer;
    font-size: .9em;
    color: #ffffff;
    text-shadow: 0px 1px 2px #1f8f94;
    outline: none 0px;
    background: #4F88C9;
    -webkit-box-shadow: 0 2px rgba(0, 0, 0, .1), inset 0 -3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px rgba(0, 0, 0, .1), inset 0 -3px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 2px rgba(0, 0, 0, .1), inset 0 -3px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px rgba(0, 0, 0, .1), inset 0 -3px rgba(0, 0, 0, .1);
    box-shadow: 0 2px rgba(0, 0, 0, .1), inset 0 -3px rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background linear .2s;
    -moz-transition: background linear .2s;
    -o-transition: background linear .2s;
    transition: background linear .2s;
}

a.button {
    text-decoration: none;
}

input[type="button"]:hover,
input[type="submit"]:hover,
a.button:hover {
    background: #1f8f94;
}

input[type="submit"] + input[type="button"] {
    margin-left: 6px;
}

.checkbox_border {
    position: relative;
    float: left;
    padding: 6px;
    border: none;
    background: transparent;
}

.checkbox_border.required {
    padding-left: 30px!important;
    background: transparent url('pictures/icons/icon-16-asterisk.png') no-repeat 5px 5px!important;
}

input[type="checkbox"] + label {
    display: inline-block;
    float: none;
    margin: 0 12px 5px 8px;
    max-width: 390px;
    text-align: left;
    vertical-align: middle;
}

input.required,
select.required,
textarea.required,
div.required {
    padding-left: 30px!important;
    background: #fbfbfb url('pictures/icons/icon-16-asterisk.png') no-repeat 5px center!important;
}

/*input.required + label {
        padding-left: 20px!important;
        background: url('pictures/icons/icon-16-asterisk.png') no-repeat 1px center!important;
}*/

input.calendar {
    width: 120px;
}

input.disabled,
textarea.disabled,
select.disabled,
div.disabled {
    opacity: .4;
}

/*textarea.required {
        padding-right: 30px!important;
        background: #fbfbfb url('pictures/icons/icon-16-asterisk.png') no-repeat 98% 15%!important;
}*/

input.ok,
textarea.ok,
select.ok,
div.ok {
    border-color: rgba(160, 219, 140, .8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(160, 219, 140, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(160, 219, 140, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(160, 219, 140, .6);
    /*	padding-right: 34px!important;*/
    /*	background: #fbfbfb url('pictures/icons/icon-24-field-ok.png') no-repeat 98% center!important;*/
}

input.link {
    padding: 12px 0;
    width: 32px;
    height: 32px;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.buttons input[type="button"] {
    color: #444444!important;
    text-shadow: 0px 1px 2px #babfba!important;
    background: #e2e4e2!important;
}

input[type="button"].forced_submit {
    color: #ffffff!important;
    text-shadow: 0px 1px 2px #1f8f94!important;
    background: #4F88C9!important;
}

.buttons input[type="button"]:hover {
    color: #444444!important;
    background: #babfba!important;
}

input[type="button"].forced_submit:hover {
    color: #ffffff!important;
    text-shadow: 0px 1px 2px #1f8f94!important;
    background: #1f8f94!important;
}

#form_login input[type="text"],
#form_login input[type="email"],
#form_forgot input[type="email"],
#form_login input[type="password"],
#form_login select,
#form_forgot input[type="text"] {
    padding: 14px 20px 14px 40px!important;
    width: 100%;
    line-height: normal;
}

#form_login input#post_login {
    background: #fbfbfb url('pictures/icons/icon-log-login.png') no-repeat 15px 50%!important;
}

#form_login input#post_password {
    background: #fbfbfb url('pictures/icons/icon-log-password.png') no-repeat 15px 50%!important;
}

#form_forgot input#post_mail {
    background: #fbfbfb url('pictures/icons/icon-log-mail.png') no-repeat 15px 50%!important;
}

.inline fieldset {
    display: inline;
    padding: 8px;
}

.inline fieldset label input {
    margin-right: 6px;
}

.inline > label,
.inline > span {
    display: inline-block;
    float: none;
    margin: 0 12px 0 0;
    padding: 4px;
}

.inline input,
.inline select {
    float: none;
    margin: 0 0 0 6px;
}

.writable label {
    float: none;
    margin: 0;
    padding: 0 12px 0 0;
}

.writable input {
    margin: 0 6px 0 0;
}

.writable ul {
    height: 90px!important;
    text-align: left!important;
}

ul.horizontal_menu {
    display: block;
    margin: 0;
    padding: 0;
}

ul.horizontal_menu li {
    position: relative;
    display: inline-block;
    list-style: none;
}

ul.horizontal_menu li:last-child {
    margin-right: 0px!important;
}

ul.horizontal_menu li a {
    display: block;
    /*	padding: 0 6px 0 0;*/
    text-decoration: none;
}

ul.horizontal_menu li a span.disabled {
    background-position-y: -32px;
}

ul.horizontal_menu li a span {
    display: inline-block;
    min-width: 32px;
    min-height: 32px;
}

.menu_box ul.horizontal_menu li {
    padding: 5px;
    border: 1px solid transparent;
    -webkit-transition: border linear .2s, background linear .2s;
    -moz-transition: border linear .2s, background linear .2s;
    -o-transition: border linear .2s, background linear .2s;
    transition: border linear .2s, background linear .2s;
}

.menu_box ul.horizontal_menu li:hover {
    border: 1px solid #bcddf8;
    background: #cee6fa;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}


/* ID */

#wrapper {
    position: relative;
    min-height: 100%;
}

#header-hide {
    height: 120px;
}

#header_index,
#header,
#header-float {
    position: fixed;
    top: 0;
    z-index: 99;
    min-height: 120px;
    /*border-bottom: 1px solid #dddddd;*/
    width: 100%;
    background: none repeat scroll 0 0 #5d656d;
}

#header-float {
    position: relative!important;
}

#header.index {
    min-height: 80px!important;
}

#header_index > div,
#header .container,
#header-float .container {
    position: relative;
    width: 1170px;
    margin: 0 auto;
	height: 120px;
}

@media (max-width: 1024px) {
	#header_index > div,
	#header .container,
	#header-float .container {
		width: 940px;
	}
}

#main_title {
    position: relative;
    color: #fff;
	margin-left: 190px;
	width: 200px;
}

#main_title_index {
    position: relative;
    color: #fff;
}

#main_title h1,
#main_title_index  h1 {
    margin: 10px 0 0 0;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 2.2em;
    font-weight: bold;
    letter-spacing: 2px;
}

#logo_index {
    margin: 20px auto;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
}

#logo img {
	height: 120px;
}

@media (max-width: 1024px) {
	#logo img {
		height: 70px;
	}
}

#title_index {
	position: absolute;
	top: 0;
	right: 0;
}

#main_toolbar {
    position: absolute;
    padding-top: 8px;
    color: #fff!important;
	right: 0;
}

#main_toolbar span {
    display: inline-block;
}

#main_toolbar_light {
    display: none;
    position: relative;
    padding-top: 8px;
}

#main_toolbar > ul {
    display: inline-block;
}

#main_toolbar > ul li a:hover {
    text-decoration: underline;
}

#main_toolbar > ul li a span,
#main_toolbar_light > ul li a span {
    padding-right: 10px;
    padding-left: 20px;
}

#dropdown {
    display: inline-block;
    position: relative;
    margin-right: 12px;
    max-width: 250px;
}

#dropdown_header {
    position: relative;
    padding: 0 4px;
    min-width: 100%;
}

#dropdown_header a {
    display: inline-block;
    text-decoration: none;
}

#dropdown_header a span.extended {
    /*	border: 1px solid #1f8f94;*/
    background: #fef6f8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

#dropdown_header a span {
    display: block;
    padding: 3px 6px;
}

#dropdown_content {
    display: none;
    position: absolute;
    padding: 0 4px;
    border: 1px solid #669F6F;
    min-width: 100%;
    z-index: 999;
    background: #fef6f8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

#dropdown_content ul {
    padding: 2px 0;
    list-style: none;
    max-height: 400px;
    overflow: auto;
    overflow-x: hidden;
}

#dropdown_content ul li {
    display: block;
    white-space: nowrap;
}

#dropdown_content ul li a {
    color: #669F6F;
    text-decoration: none;
}

#dropdown_content ul li a span {
    display: block;
    padding: 3px 6px;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#dropdown_content ul li a:hover span {
    /*	border: 1px solid #1f8f94;*/
    color: #ffffff;
    background: #669F6F;
}

#menu {
    position: absolute;
/*    float: right;
    margin-top: 20px;*/
    bottom: 0;
    right: 0;
    width: 85%
}

#menu ul li {
    position: relative;
    z-index: 0;
    float: left;
    width: 160px;
    height: 50px;
    margin: 0 0 0 1px;
    padding: 0;
    background-color: #669F6F;
/*    border: 1px solid #dddddd;
    -webkit-transition: border linear .2s, background linear .2s;
    -moz-transition: border linear .2s, background linear .2s;
    -o-transition: border linear .2s, background linear .2s;
    transition: border linear .2s, background linear .2s;*/
}

@media (max-width: 1024px) {
	#menu ul li {
		width: 130px;
	}
}

#menu ul li#settings {
    background-color: #66696c;
    float: right;
}

#menu ul li.selected {
    border-bottom: 1px solid #eff0ef;
    background: #eff0ef!important;
}

#menu ul li a {
    position: relative;
    display: block;
    height: 40px;
    padding: 5px 10px;
    outline: none;
    z-index: 2;
    cursor: pointer;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    /*    padding: 8px;
    color: #669F6F;*/
}

@media (max-width: 1024px) {
	#menu ul li a {
		font-size: .8em;
	}
}

#menu ul li.selected a {
    color: #4F88C9;
}

#menu ul li.selected a:hover {
    color: #4F88C9!important;
    background: #eff0ef!important;
}

#menu ul li a:hover {
    color: #4F88C9;
    background: #eff0ef;
}

#container {
    position: relative;
    clear: both;
    overflow: auto !important;
    padding: 15px 20px 50px;
}

#container.index {
    padding: 48px 30px 64px 30px;
}

#content_index,
#content {
    position: relative;
    /*overflow: auto !important;*/
    margin: 0 auto;
    /*padding: 10px;*/
    max-width: 1170px;
}

#footer {
    position: relative;
    border-top: 1px solid #dddddd;
}

#footer_top {
    background-color: #e9e8e8;
    min-height: 120px;
}

#footer_bottom_index,
#footer_bottom {
    margin: 0 auto;
    padding: 0 0 10px 0;
    max-width: 1170px;
    min-height: 20px;
}

#footer_bottom_index p,
#footer_bottom p {
    margin-left: 30px;
    font-size: .9em;
    line-height: 1.8em;
    color: #bbbbbb;
    text-align: right;
}

#footer_product {
    position: relative;
    margin-bottom: 15px;
    border-bottom: 1px dotted #dddddd;
}

#footer_product h5 {
    padding-bottom: 10px !important;
    text-align: right;

}

#back-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#back-top a {
    display: block;
    width: 58px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}

#back-top span {
    display: block;
    margin-bottom: 7px;
    width: 58px;
    height: 58px;
    background: #d6d4d4 url(pictures/icons/icon-32-uparrow.png) no-repeat center center;
    opacity: .8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: #938e8e;
}

#loader {
    visibility: hidden;
    position: absolute;
    /*	top: 50%;*/
    left: 50%;
    /*	margin: -33px 0 0 -33px;*/
    margin: 0 0 0 -33px;
    width: 66px;
    height: 66px;
    z-index: 99999;
    background: url(pictures/ajax/ajax-loader.gif) center;
}

#install {
    /*	visibility: hidden;*/
    position: absolute;
    /*	top: 50%;*/
    left: 50%;
    /*	margin: -33px 0 0 -33px;*/
    margin: 0 0 0 -110px;
    width: 220px;
    height: 19px;
    z-index: 99999;
    background: url(pictures/ajax/ajax-install.gif) center;
}

#shadow {
    display: none;
    position: absolute;
    z-index: 88888;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    -moz-opacity: .85;
    -webkit-opacity: .85;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
}

#light_box {
    display: none;
    position: absolute;
    z-index: 99;
    padding: 16px;
    border: 1px solid #DDD;
    background: #ffffff;
    -webkit-box-shadow: 0 3px 17px rgba(0,0,0,.3);
    -moz-box-shadow: 0 3px 17px rgba(0,0,0,.3);
    box-shadow: 0 3px 17px rgba(0,0,0,.3);
}

#light_box.wide {
    width: 90%;
    height: 90%;
}

#light_box_title {
    position: relative;
    margin: 10px 10px 0 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #4F88C9;
}

#light_box_title a {
    position: absolute;
    top: 0;
    right: 0;
}

#light_box_content {
    position: relative;
}

#content_page {
    position: relative;
    background-color: #fff;
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}

#content_page_header {
    position: relative;
    padding: 10px 10px 0 10px;
    background: #f9f9f9 url(pictures/boxes/toolbar_header.jpg) repeat-x left bottom;
}

#page_title {
    position: relative;
    padding-left: 90px;
    padding-bottom: 6px;
    height: 64px;
}

#page_title h2 {
    line-height: 2.6em;
    color: #666666;
}

#page_subtitle {
    position: relative;
    margin-left: 100px;
    padding: 5px 5px 7px 0;
    border-top: 1px dotted #666;
}

#page_toolbar {
    position: relative;
    padding-left: 80px;
}

#page_toolbar ul li a {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #dddddd;
    color: #848484;
}

#page_toolbar ul li:first-child a {
    border-left: none;
}

#page_toolbar ul li:last-child a {
    border-right: none;
}

#page_toolbar ul li a span {
    padding: 8px 10px 12px;
    min-height: 0;
    text-align: center;
}

#page_toolbar ul li .selector {
    display: none;
    position: absolute;
    width: 100%;
    height: 13px;
}

#page_toolbar ul li.selected a {
    color: #000000!important;
}

#page_toolbar ul li.selected .selector {
    display: block!important;
}

#page_toolbar a.disabled {
    color: gray;
}

#content_page_body {
    position: relative;
    padding: 18px 10px 10px 10px;
}

#gl_msg {
    text-align: center;
}

#caption_indicators {
    position: relative;
}

ul#steps_desc {
    display: block;
    margin: 10px;
    list-style: none;
}

ul#steps_desc li {
    display: inline-block;
    padding: 0 18px 0 0;
    width: 132px;
    color: #e9e8e8;
    text-align: center;
}

ul#steps_desc li span {
    display: block;
    position: relative;
    margin-left: -32px;
    left: 50%;
    width: 112px;
    height: 76px;
    -moz-opacity: .2;
    -webkit-opacity: .2;
    opacity: .2;
}

ul#steps_desc li.active {
    color: #000000!important;
}

ul#steps_desc li.active span {
    -moz-opacity: 1!important;
    -webkit-opacity: 1!important;
    opacity: 1!important;
}

#files {
    position: relative;
    padding: 10px;
    width: 640px;
}

#files_explorer {

}

#system_msg {
    position: relative;
    margin-bottom: 16px;
    padding: 12px;
    font-size: .9em;
    font-family: sans-serif;
    text-align: left;
    color: #ffffff;
    background: #730b00;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

#system_msg .sys_error div {
    margin: 12px 0 0 0;
    padding: 6px;
}

#system_msg .sys_error div {
    display: block;
    border: 1px solid #ff9489;
    color: #ffffff;
    background: #ca7a7a;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

#system_msg .sys_error div span {
    display: block;
}

a#forgot {
    display: block;
    margin-top: 10px;
    text-align: center;
}


/* CLASSES */

/*** VISIBILITY ***/

.invisible {
    display: none;
}

.visible {
    display: block;
}


/*** GLOBAL ***/

.charts {
    /*	visibility: hidden;*/
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    z-index: 99999;
    background: url(pictures/ajax/ajax-charts.gif) center;
}

.link_toggle {
    text-decoration: none;
}

.legend_box_title {
    margin-bottom: 6px;
}

.legend_box_title h4 {
    border-bottom: 1px solid #ffffff;
    font-size: 1.1em;
    font-weight: bold;
}

.legend_box_body span {
    padding: 4px 0 0 32px;
    width: auto;
}

.error {
    color: #900;
    font-weight: bold;
    background: #ffc;
    width: 100%;
}

.error td {
    text-align: left;
    padding: 4px;
}

.error td.italic {
    font-style: italic;
}

.run {
    position: relative;
    margin: 100px auto;
    text-align: center;
}

.footer_inside_index,
.footer_inside {
    margin: 0 auto;
    padding: 30px 0 10px;
    max-width: 1170px;
}

.footer_inside_index ul,
.footer_inside ul {
    font-size: .8em;
    line-height: 1.8em;
    text-align: right;
}

.footer_inside_index ul li,
.footer_inside ul li {
    display: inline;
}

.footer_inside_index ul li a,
.footer_inside ul li a {
    margin-left: 20px;
    color: #222222;
    text-decoration: none;
}

.footer_inside_index ul li a:hover,
.footer_inside ul li a:hover {
    text-decoration: underline;
}

/*.home_info {
        padding: 4px 0 8px 0;
        border-bottom: 2px solid #EFEFEF;
}

.home_info h3 {
        font-size: 1.2em;
}*/

.info_box {
    position: relative;
    margin-top: 0;
    padding: 15px 20px;
    border: 1px solid #e7e7e7;
    background: #fff;
/*    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.info_box_title {
    position: relative;
    margin-left: 148px;
    padding: 20px 0 10px 0;
    vertical-align: middle;
}

.info_box_subtitle {
    position: relative;
    margin-left: 148px;
    padding: 5px 0 5px 0;
    border-top: 1px dotted #666;
}

.info_box_content {
    position: relative;
    clear: both;
    margin: 20px 0 50px 148px;
}

.info_box_buttons {
    position: relative;
    clear: both;
    margin: 20px 0 50px 148px;
    padding: 30px 0 5px 0;
}

.info_box_buttons span {
    padding: 14px 20px;
}

.dialog_box {
    position: relative;
    min-width: 480px;
    max-width: 800px;
}

.dialog_box_message {
    position: relative;
}

.dialog_box_message span {
    padding: 10px 0 0 90px;
    width: auto;
}

.dialog_box_message .element {
    padding: 10px 0 0 90px;
}

.dialog_box_message .element ul {
    list-style: none;
}

.dialog_box_message .element ul li {
    margin-bottom: 8px;
}

.dialog_box_message .element span {
    padding: 4px 0 0 32px;
}

.dialog_box form {
    padding: 0!important;
}

.dialog_box form fieldset {
    padding: 10px!important;
    background: none;
}

.dialog_box form fieldset .buttons {
    text-align: center;
}

.big_size {
    padding: 80px 0 40px 30px;
    font-size: 12em;
    font-weight: 900;
    color: #dddddd;
}

.message_box {
    position: relative;
    margin-bottom: 16px;
    font-size: .9em;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.message_box_content {
    padding: 12px 12px 12px 40px;
    text-align: left;
    text-shadow: 1px 1px 1px #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.message_error {
    border: 1px solid #e0b1b1;
}

.message_warning {
    border: 1px solid #e2e2ba;
}

.message_ok {
    border: 1px solid #a0db8c;
}

.message_error:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 12px;
    width: 17px;
    height: 17px;
    background: url(pictures/icons/icon-msg-error.png) no-repeat;
}

.message_warning:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 12px;
    width: 22px;
    height: 20px;
    background: url(pictures/icons/icon-msg-warning.png) no-repeat;
}

.message_ok:before {
    content: '';
    position: absolute;
    top: 14px;
    left: 12px;
    width: 19px;
    height: 14px;
    background: url(pictures/icons/icon-msg-ok.png) no-repeat;
}

.message_error .message_box_content {
    border: 1px solid #fceeec;
    background: #ffd9d5;
    -moz-box-shadow: inset 0 0 45px #f0bfba;
    -webkit-box-shadow: inset 0 0 45px #f0bfba;
    box-shadow: inset 0 0 45px #f0bfba;
}

.message_error .message_box_content p {
    color: #ad7676;
}

.message_warning .message_box_content {
    border: 1px solid #fbfbef;
    background: #f9f9dc;
    -moz-box-shadow: inset 0 0 45px #efefc0;
    -webkit-box-shadow: inset 0 0 45px #efefc0;
    box-shadow: inset 0 0 45px #efefc0;
}

.message_warning .message_box_content p {
    color: #ada771;
}

.message_ok .message_box_content {
    border: 1px solid #f1f9f0;
    background: #dff7dd;
    -moz-box-shadow: inset 0 0 45px #cbe5c9;
    -webkit-box-shadow: inset 0 0 45px #cbe5c9;
    box-shadow: inset 0 0 45px #cbe5c9;
}

.message_ok .message_box_content p {
    color: #7ea57b;
}

.picture_box_right {
    position: relative;
    margin: 0 0 25px 0;
}

.form_box {
    margin-bottom: 10px;
    border: 1px solid #e7e7e7;
    background: #fff;
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.form_box_title {
    position: relative;
    padding: 18px 20px 17px 50px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e7e7e7;
    text-shadow: 0 1px 0 #fff;
    color: #666666;
    background-color: #f9f9f9;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.form_box_title h4 {
    padding: 0;
}

.login .form_box_title {
    background: #f9f9f9 url('pictures/icons/icon-log-padlock.png') no-repeat 15px 50%;
}

.forgot .form_box_title {
    background: #f9f9f9 url('pictures/icons/icon-log-password.png') no-repeat 15px 50%;
}

.form_box_body {
    position: relative;
    padding: 22px 27px;
}

.form_box #form_login {
    width: 340px;
}

.field,
.element {
    position: relative;
    margin-bottom: 10px;
}

.field:after {
    content: '';
    display: table;
    clear: both;
}

.field p {
    padding-bottom: 22px;
    font-weight: bold;
    color: #669F6F;
}

.field > input[type="submit"], .field > input[type="button"] {
    margin-right: 0;
}

.caption {
    display: inline-block;
    padding: 8px 0 5px 0;
    width: 15%;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.data {
    display: inline-block;
    padding: 8px 5px 5px 10px;
    max-width: 80%;
    font-weight: 900;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.buttons {
    padding-top: 30px;
}

.content_box {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #cccccc;
    background: #fff;
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.content_box_header {
    position: relative;
    margin-top: 1px;
    padding: 14px;
    border-bottom: 1px solid #cccccc;
    text-shadow: 0 1px 0 #fff;
    color: #999;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.content_box_body {
    position: relative;
    padding: 14px;
}

.menu_box {
    padding: 4px;
}

/*.menu_box ul {
        display: block;
}*/

/*.menu_box ul li {
        display: inline-block;
        margin-right: 8px;
        list-style: none;
}*/

/*.menu_box ul li a span {
        display: inline-block;
        width: 32px;
        height: 32px;
}*/

/*.menu_box ul li a span.disabled {
        background-position-y: -32px;
}*/

.filter_box {
    margin: 10px 4px 4px 4px;
    padding: 8px;
    border: 1px dotted #dddddd;
}

.filter_box form input[type="text"],
.filter_box form input[type="radio"],
.filter_box form select {
    margin-right: 6px;;
}

.element_box {
    padding: 6px 0px;
    border-bottom: 1px solid #e9e9e9;
    clear: both;
}

/*.indicator {
        float: left;
        margin-right: 1%;
        border: 1px solid #cccccc;
        width: 32.5%;
        cursor: pointer;
        background-color: #fff;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
}

.indicator:last-child {
        margin: 0 !important;
}

.indicator h5 {
        padding: 5px;
        font-size: 1em !important;
        font-weight: bold;
        color: #4F88C9;
        text-align: center;
        background: #dfeffc;
}

.indicator ul {
        padding: 3px;
        list-style: none;
}*/

.bloc_box {
    margin-bottom: 10px;
    border: 1px solid #e7e7e7;
    background: #ffffff;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
}

.bloc_box_title {
    position: relative;
    padding: 16px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e7e7e7;
    text-shadow: 0 1px 0 #fff;
    color: #666666;
    background-color: #f9f9f9;
}

.bloc_box_title h4 {
    padding: 0;
}

.bloc_box_title div.arrow {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 100%;
    /*	border-left: 1px solid #fff;
            -moz-box-shadow: -1px 0 0 0 #e7e7e7;
            -webkit-box-shadow: -1px 0 0 0 #e7e7e7;
            box-shadow: -1px 0 0 0 #e7e7e7;*/
}

.bloc_box_title div.arrow span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -7px;
    width: 15px;
    height: 10px;
}

.bloc_box_body {
    position: relative;
    padding: 22px 27px;
}

.bloc_tab {
    margin-bottom: 10px;
    border: 1px solid #e7e7e7;
    background: #ffffff;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
}

.bloc_tab > ul {
    position: relative;
    border-top: 1px solid #ffffff;
    list-style: none;
    overflow: hidden;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%,#f5f5f5 100%);
}

.bloc_tab > ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e7e7e7;
}

.bloc_tab > ul li {
    position: relative;
    float: left;
    display: inline-block;
    border-left: 1px solid #e7e7e7;
}

.bloc_tab > ul li:first-child {
    border-left: 1px solid #ffffff;
}

.bloc_tab > ul li.active {
    background: #ffffff;
}

.bloc_tab > ul li a {
    display: block;
    padding: 15px 20px;
    text-decoration: none;
}

.bloc_tab_content {
    margin: 20px;
}

.bloc_dash {
    position: relative;
    margin: 0 0 20px 0;
    padding: 20px;
    border: 1px solid #ececec;
    background: #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bloc_dash_title {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}

.bloc_dash_title h4 {
    font-size: 1.1em;
    font-weight: bold;
}

.bloc_dash_title h4 a {
    float: right;
}

.bloc_dash_content {
    position: relative;
    margin-bottom: 10px;
}

.chart_content {
    min-height: 200px;
}

.bloc_display {
    position: relative;
    margin: 0 0 10px 0;
    padding: 20px;
}

.bloc_display_title {
    position: relative;
    padding-bottom: 16px;
    border-bottom: 1px solid #999999;
}

.bloc_display_title span.title {
    display: inline-block;
}

.bloc_display_content {
    position: relative;
    padding: 10px 0;
}

.bloc_info {
    position: relative;
    margin: 0 0 10px 0;
    padding: 10px;
}

.bloc_info_title {
    position: relative;
    border-bottom: 4px double #999999;
}

.bloc_info_title div {
    position: relative;
    bottom: -10px;
}

.bloc_info_title h4 {
    display: inline-block;
    padding-right: 6px;
    background: #ffffff;
}

.bloc_info_content {
    position: relative;
    padding: 20px 0;
}

.message_empty {
    padding: 8px 0 8px 38px;
    color: #333333;
    font-size: 1em;
}

.full {
    float: left;
    position: relative;
    padding: 0 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.one_half {
    float: left;
    position: relative;
    padding: 0 10px;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.one_third {
    float: left;
    position: relative;
    padding: 0 10px;
    width: 33.3333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.two_third {
    float: left;
    position: relative;
    padding: 0 10px;
    width: 66.6666%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.one_half:after,
.one_third:after,
.two_third:after {
    content: '';
    display: table;
    clear: both;
}

.picture_adjust {
    max-width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.picture_adjust_thumb {
    max-width: 150px;
    box-sizing: border-box;
}

label.block {
    display: block;
    text-align: left;
}

.list_multiselect {
    float: left;
    position: relative;
    padding: 6px;
    border: 1px solid #e7e7e7;
    font-size: .9em;
    color: #363636;
    background: #fbfbfb;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

.list_multiselect ul {
    display: block;
    height: 90px;
    overflow-y: scroll;
    white-space: nowrap;
}

.list_multiselect ul li {
    display: table;
    list-style: none;
}

.list_multiselect ul li label {
    margin: 0;
    padding: 0;
    float: left;
}

.list_multiselect ul li label input {
    margin-right: 4px;
    border: 0;
}

.list_multiselect ul li label span {
    position: relative;
    display: table;
    margin-top: 3px\9;
}

.button_left,
.button_right {
    display: inline-block;
    overflow: visible;
    padding: 14px 24px;
    border: 0px;
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
    font-size: .9em;
    text-shadow: 0px 1px 2px #1f8f94;
    outline: none 0px;
    background: #4F88C9;
    -webkit-box-shadow: 0 2px rgba(0, 0, 0, .1), inset 0 -3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px rgba(0, 0, 0, .1), inset 0 -3px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 2px rgba(0, 0, 0, .1), inset 0 -3px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px rgba(0, 0, 0, .1), inset 0 -3px rgba(0, 0, 0, .1);
    box-shadow: 0 2px rgba(0, 0, 0, .1), inset 0 -3px rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background linear .2s;
    -moz-transition: background linear .2s;
    -o-transition: background linear .2s;
    transition: background linear .2s;
}

.button_right {
    float: right;
    padding: 6px 12px!important;
}

.button_left:hover,
.button_right:hover {
    background: #1f8f94;
}

.button_right.disabled {
    color: #444444!important;
    text-shadow: 0px 1px 2px #babfba!important;
    background: #e2e4e2!important;
}

.message_field {
    position: absolute;
    margin-left: 10px;
    padding: 6px;
    border-radius: 3px 3px 3px 3px;
    white-space: nowrap;
    z-index: 999;
    background: #d45252;
}

.message_field::before {
    content: "\25C0";
    position: absolute;
    top: 8px;
    left: -9px;
    color: #d45252;
}

.inline .message_field::before {
    content: "\25B2";
    position: absolute;
    top: -13px;
    left: 4px;
    color: #d45252;
}

.message_field p {
    padding: 0!important;
    font-weight: normal;
    color: #ffffff!important;
}

.fieldset_subtitle {
    position: relative;
    padding: 0 3px 12px 3px;
}

.scrollable {
    overflow-y: scroll;
}

.footer_bar {
    margin-top: 10px;
}

.footer_bar ul {
    list-style: none;
}

.footer_bar ul li {
    position: relative;
    float: left;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 14px;
}

.footer_bar ul li a {
    padding: 4px 8px;
    background: #eff0ef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}


/*** ICONS ***/

.icon_16 {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.icon_24 {
    display: inline-block;
    margin: 0 3px;
    width: 24px;
    height: 24px;
}

.icon_32 {
    display: inline-block;
    width: 32px;
    height: 32px;
}

.icon_64 {
    display: inline-block;
    width: 64px;
    height: 64px;
}

.icon_absolute {
    position: absolute;
    margin-top: -4px;
}

.icon_toggle_down {
    background: url(pictures/icons/icon-toggle-down.png) no-repeat;
}

.icon_toggle_up {
    background: url(pictures/icons/icon-toggle-up.png) no-repeat;
}

.icon_9_plus {
    background: url(pictures/icons/icon-9-plus.png) no-repeat;
}

.icon_9_minus {
    background: url(pictures/icons/icon-9-minus.png) no-repeat;
}

.icon_16_user {
    background: url(pictures/icons/icon-16-user.png) no-repeat;
}

.icon_16_message {
    background: url(pictures/icons/icon-16-message.png) no-repeat;
}

.icon_16_logout {
    background: url(pictures/icons/icon-16-logout.png) no-repeat;
}

.icon_16_warning {
    margin: 0 6px -3px 0;
    background: url(pictures/icons/icon-16-warning.png) no-repeat;
}

.icon_16_alert {
    margin: 0 6px -3px 0;
    background: url(pictures/icons/icon-16-alert.png) no-repeat;
}

.icon_24_ok {
    background: url(pictures/icons/icon-24-ok.png) no-repeat;
}

.icon_24_nok {
    background: url(pictures/icons/icon-24-nok.png) no-repeat;
}

.icon_24_tableadd {
    background: url(pictures/icons/icon-24-tableadd.png) no-repeat;
}

.icon_24_tableedit {
    background: url(pictures/icons/icon-24-tableedit.png) no-repeat;
}

.icon_24_tableshow {
    background: url(pictures/icons/icon-24-tableshow.png) no-repeat;
}

.icon_24_tabledelete {
    background: url(pictures/icons/icon-24-tabledelete.png) no-repeat;
}

.icon_24_tabletrash {
    background: url(pictures/icons/icon-24-tabletrash.png) no-repeat;
}

.icon_24_tableattach {
    background: url(pictures/icons/icon-24-tableattach.png) no-repeat;
}

.icon_24_tableright {
    background: url(pictures/icons/icon-24-tableright.png) no-repeat;
}

.icon_24_tableleft {
    background: url(pictures/icons/icon-24-tableleft.png) no-repeat;
}

.icon_24_filedownload {
    background: url(pictures/icons/icon-24-filedownload.png) no-repeat;
}

.icon_24_filedelete {
    background: url(pictures/icons/icon-24-filedelete.png) no-repeat;
}

.icon_24_tableaccept {
    background: url(pictures/icons/icon-24-tableaccept.png) no-repeat;
}

.icon_24_tablerefuse {
    background: url(pictures/icons/icon-24-tablerefuse.png) no-repeat;
}

.icon_24_newupdate {
    background: url(pictures/icons/icon-24-newupdate.png) no-repeat;
}

.icon_24_refresh {
    background: url(pictures/icons/icon-24-refresh.png) no-repeat;
}

.icon_24_headeraccept {
    background: #e9e8e8 url(pictures/icons/icon-24-headeraccept.png) 4px 4px no-repeat!important;
}

.icon_24_headerrefuse {
    background: #e9e8e8 url(pictures/icons/icon-24-headerrefuse.png) 4px 4px no-repeat!important;
}

.icon_24_headerdelete {
    background: #e9e8e8 url(pictures/icons/icon-24-headerdelete.png) 4px 4px no-repeat!important;
}

.icon_24_info {
    background: url(pictures/icons/icon-24-info.png) no-repeat;
}

.icon_24_attach {
    background: url(pictures/icons/icon-24-attach.png) no-repeat;
}

.icon_24_exit {
    background: url(pictures/icons/icon-24-exit.png) no-repeat;
}

.icon_32_back {
    background: url(pictures/icons/icon-32-back.png) no-repeat;
}

.icon_32_one {
    background: url(pictures/icons/icon-32-one.png) no-repeat;
}

.icon_32_two {
    background: url(pictures/icons/icon-32-two.png) no-repeat;
}

.icon_32_three {
    background: url(pictures/icons/icon-32-three.png) no-repeat;
}

.icon_32_validate {
    background: url(pictures/icons/icon-32-validate.png) no-repeat!important;
}

.icon_32_cancel {
    background: url(pictures/icons/icon-32-cancel.png) no-repeat!important;
}

.icon_32_add {
    background: url(pictures/icons/icon-32-add.png) no-repeat;
}

.icon_32_add2 {
    background: url(pictures/icons/icon-32-add2.png) no-repeat;
}

.icon_32_edit {
    background: url(pictures/icons/icon-32-edit.png) no-repeat;
}

.icon_32_copy {
    background: url(pictures/icons/icon-32-copy.png) no-repeat;
}

.icon_32_print {
    background: url(pictures/icons/icon-32-print.png) no-repeat;
}

.icon_32_excel {
    background: url(pictures/icons/icon-32-excel.png) no-repeat;
}

.icon_32_password {
    background: url(pictures/icons/icon-32-password.png) no-repeat;
}

.icon_32_calendar {
    background: url(pictures/icons/icon-32-calendar.png) no-repeat;
}

.icon_32_actioncheck {
    background: url(pictures/icons/icon-32-actioncheck.png) no-repeat;
}

.icon_32_filtershow {
    background: url(pictures/icons/icon-32-filtershow.png) no-repeat;
}

.icon_32_filterhide {
    background: url(pictures/icons/icon-32-filterhide.png) no-repeat;
}

.icon_32_filteradd {
    background: url(pictures/icons/icon-32-filteradd.png) no-repeat;
}

.icon_32_filterdelete {
    background: url(pictures/icons/icon-32-filterdelete.png) no-repeat;
}

.icon_32_help {
    background: url(pictures/icons/icon-32-help.png) no-repeat;
}

.icon_32_trash {
    background: url(pictures/icons/icon-32-trash.png) no-repeat;
}

.icon_32_infogrey {
    background: url(pictures/icons/icon-32-infogrey.png) no-repeat;
}

.icon_32_check {
    background: url(pictures/icons/icon-32-check.png) no-repeat;
}

.icon_32_bmp {
    background: url(pictures/icons/icon-32-bmp.png) no-repeat;
}

.icon_32_doc {
    background: url(pictures/icons/icon-32-doc.png) no-repeat;
}

.icon_32_gif {
    background: url(pictures/icons/icon-32-gif.png) no-repeat;
}

.icon_32_jpg {
    background: url(pictures/icons/icon-32-jpg.png) no-repeat;
}

.icon_32_mpg {
    background: url(pictures/icons/icon-32-mpg.png) no-repeat;
}

.icon_32_pdf {
    background: url(pictures/icons/icon-32-pdf.png) no-repeat;
}

.icon_32_png {
    background: url(pictures/icons/icon-32-png.png) no-repeat;
}

.icon_32_pps {
    background: url(pictures/icons/icon-32-pps.png) no-repeat;
}

.icon_32_rtf {
    background: url(pictures/icons/icon-32-rtf.png) no-repeat;
}

.icon_32_tif {
    background: url(pictures/icons/icon-32-tif.png) no-repeat;
}

.icon_32_txt {
    background: url(pictures/icons/icon-32-txt.png) no-repeat;
}

.icon_32_wav {
    background: url(pictures/icons/icon-32-wav.png) no-repeat;
}

.icon_32_xls {
    background: url(pictures/icons/icon-32-xls.png) no-repeat;
}

.icon_64_one {
    background: url(pictures/icons/icon-64-one.png) no-repeat;
}

.icon_64_two {
    background: url(pictures/icons/icon-64-two.png) no-repeat;
}

.icon_64_three {
    background: url(pictures/icons/icon-64-three.png) no-repeat;
}

.icon_64_home {
    background: url(pictures/icons/icon-64-home.png) no-repeat;
}

.icon_64_company {
    background: url(pictures/icons/icon-64-company.png) no-repeat;
}

.icon_64_user {
    background: url(pictures/icons/icon-64-user.png) no-repeat;
}

.icon_64_alert {
    background: url(pictures/icons/icon-64-alert.png) no-repeat;
}

.icon_64_duer {
    background: url(pictures/icons/icon-64-duer.png) no-repeat;
}

.icon_64_archive {
    background: url(pictures/icons/icon-64-archive.png) no-repeat;
}

.icon_64_dashboard {
    background: url(pictures/icons/icon-64-dashboard.png) no-repeat;
}

.icon_64_map {
    background: url(pictures/icons/icon-64-map.png) no-repeat;
}

.icon_64_activity {
    background: url(pictures/icons/icon-64-activity.png) no-repeat;
}

.icon_64_workunit {
    background: url(pictures/icons/icon-64-workunit.png) no-repeat;
}

.icon_64_staff {
    background: url(pictures/icons/icon-64-staff.png) no-repeat;
}

.icon_64_responsible {
    background: url(pictures/icons/icon-64-responsible.png) no-repeat;
}

.icon_64_office {
    background: url(pictures/icons/icon-64-office.png) no-repeat;
}

.icon_64_level {
    background: url(pictures/icons/icon-64-level.png) no-repeat;
}

.icon_64_knowledge {
    background: url(pictures/icons/icon-64-knowledge.png) no-repeat;
}

.icon_64_updates {
    background: url(pictures/icons/icon-64-updates.png) no-repeat;
}

.icon_64_plugins {
    background: url(pictures/icons/icon-64-plugins.png) no-repeat;
}

.icon_64_settings {
    background: url(pictures/icons/icon-64-settings.png) no-repeat;
}

.icon_64_question {
    background: #ffffff url(pictures/icons/icon-64-question.png) no-repeat;
}

.icon_64_info {
    background: #ffffff url(pictures/icons/icon-64-info.png) no-repeat;
}

.icon_128_company {
    background: #ffffff url(pictures/icons/icon-128-company.png) 20px 20px no-repeat;
}

.icon_128_alert {
    background: #ffffff url(pictures/icons/icon-128-alert.png) 20px 20px no-repeat;
}

.icon_sarr {
    background: url(pictures/icons/icon-sarr.gif) 50% no-repeat;
}


/*** SIZE & MARGIN ***/

.bold {
    font-weight: bold;
}

/*.mw-1280 {
        max-width: 1280px!important;
}

.mw-1024 {
        max-width: 1024px!important;
}*/

.mw-720 {
    max-width: 720px;
}

.mw-640 {
    max-width: 640px;
}

.mw-400 {
    max-width: 400px;
}

.w-auto {
    max-width: none!important;
    width: auto!important;
}

.w-20 {
    width: 20px!important;
}

.w-30 {
    width: 30px!important;
}

.w-40 {
    width: 40px!important;
}

.w-50 {
    width: 50px!important;
}

.w-60 {
    width: 60px!important;
}

.w-70 {
    width: 70px!important;
}

.w-80 {
    width: 80px!important;
}

.w-87pc {
    width: 87%!important;
}

.w-100 {
    width: 100px!important;
}

.w-110 {
    width: 110px!important;
}

.w-120 {
    width: 120px!important;
}

.w-150 {
    width: 150px!important;
}

.w-180 {
    width: 180px!important;
}

.w-190 {
    width: 190px!important;
}

.w-200 {
    width: 200px!important;
}

.w-270 {
    width: 270px!important;
}

.w-300 {
    width: 300px!important;
}

.w-400 {
    width: 400px!important;
}

.w-500 {
    width: 400px!important;
}

.w-600 {
    width: 400px!important;
}

.w-1pc {
    width: 1%!important;
}

.w-2pc {
    width: 2%!important;
}

.w-3pc {
    width: 3%!important;
}

.w-4pc {
    width: 4%!important;
}

.w-5pc {
    width: 5%!important;
}

.w-6pc {
    width: 6%!important;
}

.w-7pc {
    width: 7%!important;
}

.w-8pc {
    width: 8%!important;
}

.w-9pc {
    width: 9%!important;
}

.w-10pc {
    width: 10%!important;
}

.w-11pc {
    width: 11%!important;
}

.w-15pc {
    width: 15%!important;
}

.w-17pc {
    width: 17%!important;
}

.w-19pc {
    width: 19%!important;
}

.w-20pc {
    width: 20%!important;
}

.w-23pc {
    width: 23%!important;
}

.w-25pc {
    width: 25%!important;
}

.w-30pc {
    width: 30%!important;
}

.w-35pc {
    width: 35%!important;
}

.w-40pc {
    width: 40%!important;
}

.w-45pc {
    width: 45%!important;
}

.w-50pc {
    width: 50%!important;
}

.w-55pc {
    width: 55%!important;
}

.w-60pc {
    width: 60%!important;
}

.w-85pc {
    width: 85%!important;
}

.w-88pc {
    width: 88%!important;
}

.w-90pc {
    width: 90%!important;
}

.w-95pc {
    width: 95%!important;
}

.w-100pc {
    width: 100%!important;
}

.ml-150 {
    margin-left: 150px;
}

.ml-200 {
    margin-left: 200px;
}


/**** ALIGN, MARGIN AND PADDING ***/

.align_center {
    text-align: center!important;
}

.align_right {
    text-align: right!important;
}

.align_left {
    text-align: left!important;
}

.field > .float_left {
    margin-right: 1%;
}

.field > input[type="submit"],
.field > input[type="button"] {
    margin-right: 0;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.margin-left-132 {
    margin-left: 132px!important;
}

.no_padding {
    padding: 0!important;
}

.padding-left-10 {
    padding-left: 10px!important;
}

.padding-left-15 {
    padding-left: 15px!important;
}

.padding-10 {
    padding: 10px!important;
}

.clear {
    clear: both;
    height: 10px;
}

.just_clear {
    clear: both;
}


/*** EN ATTENTE POUR LES TABLES : BARRE DE MENUS ***/

/*	padding: 0 0 0 5px;
        border: 1px solid #b7d0de;
        min-height: 33px;
        background: #d3e4ed;
        background-clip: padding-box;
        box-shadow: inset 0 1px 0 #ebf5fb, 0 1px 0 #dadee1;
*/


/*** COLORS ***/

option.color_1 {
    background: #00ff40;
}

option.color_2 {
    background: #00ff00;
}

option.color_3 {
    background: #40ff00;
}

option.color_4 {
    background: #80ff00;
}

option.color_5 {
    background: #bfff00;
}

option.color_6 {
    background: #ffff00;
}

option.color_7 {
    background: #ffbf00;
}

option.color_8 {
    color: #ffffff;
    background: #ff8000;
}

option.color_9 {
    color: #ffffff;
    background: #ff4000;
}

option.color_10 {
    color: #ffffff;
    background: #ff0000;
}

.color_1,
.new_table tbody tr td.color_1,
.noborder tbody tr td.color_1 {
    color: #000000;
    background: #00ff40;
    background: -moz-linear-gradient(top, #ffffff 0%, #00ff40 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#00ff40));
    background: -webkit-linear-gradient(top, #ffffff 0%,#00ff40 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#00ff40 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#00ff40 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#00ff40 100%);
}

.color_2,
.new_table tbody tr td.color_2,
.noborder tbody tr td.color_2 {
    color: #000000;
    background: #00ff00;
    background: -moz-linear-gradient(top, #ffffff 0%, #00ff00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#00ff00));
    background: -webkit-linear-gradient(top, #ffffff 0%,#00ff00 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#00ff00 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#00ff00 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#00ff00 100%);
}

.color_3,
.new_table tbody tr td.color_3,
.noborder tbody tr td.color_3 {
    color: #000000;
    background: #40ff00;
    background: -moz-linear-gradient(top, #ffffff 0%, #40ff00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#40ff00));
    background: -webkit-linear-gradient(top, #ffffff 0%,#40ff00 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#40ff00 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#40ff00 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#40ff00 100%);
}

.color_4,
.new_table tbody tr td.color_4,
.noborder tbody tr td.color_4 {
    color: #000000;
    background: #80ff00;
    background: -moz-linear-gradient(top, #ffffff 0%, #80ff00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#80ff00));
    background: -webkit-linear-gradient(top, #ffffff 0%,#80ff00 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#80ff00 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#80ff00 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#80ff00 100%);
}

.color_5,
.new_table tbody tr td.color_5,
.noborder tbody tr td.color_5 {
    color: #000000;
    background: #bfff00;
    background: -moz-linear-gradient(top, #ffffff 0%, #bfff00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bfff00));
    background: -webkit-linear-gradient(top, #ffffff 0%,#bfff00 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#bfff00 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#bfff00 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#bfff00 100%);
}

.color_6,
.new_table tbody tr td.color_6,
.noborder tbody tr td.color_6 {
    color: #000000;
    background: #ffff00;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffff00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffff00));
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffff00 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#ffff00 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#ffff00 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ffff00 100%);
}

.color_7,
.new_table tbody tr td.color_7,
.noborder tbody tr td.color_7 {
    color: #000000;
    background: #ffbf00;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffbf00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffbf00));
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffbf00 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#ffbf00 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#ffbf00 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ffbf00 100%);
}

.color_8,
.new_table tbody tr td.color_8,
.noborder tbody tr td.color_8 {
    color: #ffffff;
    background: #ff8000;
    background: -moz-linear-gradient(top, #ffffff 0%, #ff8000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ff8000));
    background: -webkit-linear-gradient(top, #ffffff 0%,#ff8000 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#ff8000 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#ff8000 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ff8000 100%);
}

.color_9,
.new_table tbody tr td.color_9,
.noborder tbody tr td.color_9 {
    color: #ffffff;
    background: #ff4000;
    background: -moz-linear-gradient(top, #ffffff 0%, #ff4000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ff4000));
    background: -webkit-linear-gradient(top, #ffffff 0%,#ff4000 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#ff4000 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#ff4000 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ff4000 100%);
}

.color_10,
.new_table tbody tr td.color_10,
.noborder tbody tr td.color_10 {
    color: #ffffff;
    background: #ff0000;
    background: -moz-linear-gradient(top, #ffffff 0%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ff0000));
    background: -webkit-linear-gradient(top, #ffffff 0%,#ff0000 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#ff0000 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#ff0000 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ff0000 100%);
}


/*** RESPONSIVE ***/
/*@media screen and (min-width: 1400px) {
        #header > div {
                max-width: 1280px;
        }

        #content {
                max-width: 1280px;
        }

        #footer_bottom {
                max-width: 1280px;
        }

        .footer_inside {
                max-width: 1280px;
        }
/*	#header > div {
        max-width: 1280px;
    }

    #content {
        max-width: 1280px;
    }

        #footer_bottom {
        max-width: 1280px;
    }

        .footer_inside {
        max-width: 1280px;
    }
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 320px) {

}

/*@media screen and (max-width: 1400px) {
        #header > div {
        width: 1024px;
    }

        #menu {
                margin-top: 8px;
        }

        #menu ul li a {
                padding: 8px;
                font-size: 95%;
        }

        #footer_bottom {
        width: 1024px;
    }

        .footer_inside {
        width: 1024px;
    }

    #content {
        width: 1024px;
    }
}

@media screen and (max-width: 1200px) {
        #header > div {
        width: 940px;
    }

        #menu {
                margin-top: 10px;
        }

        #menu ul li a {
                padding: 7px;
                font-size: 85%;
        }

        #footer_bottom {
        width: 940px;
    }

        .footer_inside {
        width: 940px;
    }

    #content {
        width: 940px;
    }
}

@media screen and (max-width: 1024px) {
        #header > div {
        width: 800px;
    }

        #menu {
                margin-top: 10px;
        }

        #menu ul li a {
                padding: 7px;
                font-size: 85%;
        }

        #footer_bottom {
        width: 800px;
    }

        .footer_inside {
        width: 800px;
    }

    #content {
        width: 800px;
    }
}

@media screen and (max-width: 960px) {
        #header > div {
        width: 748px;
    }

        #menu {
                margin-top: 10px;
        }

        #menu ul li a {
                padding: 7px;
                font-size: 85%;
        }

        #footer_bottom {
        width: 748px;
    }

        .footer_inside {
        width: 748px;
    }

    #content {
        width: 748px;
    }
}

@media screen and (max-width: 768px) {
        h2 {
                font-size: 1.4em;
        }

        #header > div {
                padding-top: 12px;
        width: 480px;
    }

        #main_title {
                float: none;
                text-align: center;
        }

        #main_toolbar {
                float: none;
                margin-top: -58px;
                text-align: center;
        }

        #main_toolbar ul {
                display: inline-block;
        }

        #menu {
                display: none;
        }

        #footer_bottom {
        width: 480px;
    }

        .footer_inside {
        width: 480px;
    }

    #content {
        width: 480px;
    }
}

@media screen and (max-width: 480px) {
        h2 {
                font-size: 1.4em;
        }

        #header > div {
                padding-top: 12px;
        width: 320px;
    }

        #main_title {
                float: none;
                text-align: center;
        }

        #main_toolbar {
                display: none;
        }

        #main_toolbar_light {
                display: block;
                margin-top: -58px;
                text-align: center;
        }

        #main_toolbar_light ul {
                display: inline-block;
        }

        #menu {
                display: none;
        }

        #footer_bottom {
        width: 320px;
    }

        .footer_inside {
        width: 320px;
    }

    #content {
        width: 320px;
    }
}*/