@font-face {
    font-family: "CombiNumerals";
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/CombiNumerals.eot?#');
    src: url('../fonts/CombiNumerals.eot?#') format('embedded-opentype'),
        url('../fonts/CombiNumerals.woff') format('woff'),
        url('../fonts/CombiNumerals.ttf') format('truetype');
}

@font-face {
    font-family: "CombiNumerals";
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/CombiNumeralsBold.eot?#');
    src: url('../fonts/CombiNumeralsBold.eot?#') format('embedded-opentype'),
        url('../fonts/CombiNumeralsBold.woff') format('woff'),
        url('../fonts/CombiNumeralsBold.ttf') format('truetype');
}

/* Source  : https://fonts.mafia-server.net/squirrel/Open-Sans/ */
@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/OpenSans-Regular.eot?#');
    src: url('../fonts/OpenSans-Regular.eot?#') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/OpenSans-Bold.eot?#');
    src: url('../fonts/OpenSans-Bold.eot?#') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype');
}

html,body {
    font-family: "OpenSans", Verdana, sans-serif !important;
    margin: 0px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: left;
    height: 100%;
    font-size: 14px;
}

form {
    color: #000000;
    background-color: #ffffff;
    margin: 0 !important;
    height: 100%;
}
a {
    text-decoration: none;
    font-weight: bold;
    color:#004E7B;
}

:focus {
    outline: 0;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #C0C0C0 !important;
}

.uni-view-superdiv-web {
    min-height: 100%;
    position: relative;
    margin-top: -4px;
}
.v-slot-uni-view-supertop-menu {
    width:100%;
    height: 46px;
    border-bottom: 1px #E9E8E8 solid;
    text-align: center;
    margin: auto;
}

.uni-view-supertop-menu {
    height: 46px;
    width: 98%;
    display: inline-block;
}

.v-slot-uni-view-top-image {
    width:100%;
    text-align: center;
    margin: auto;
}

.uni-view-top-image {
    width: 98%;
    padding: 25px 0 25px 0;
    display: inline-block;
}

.topTitleEnvironement {
    width: 100%;
    font-size: 16px !important;
    color: #FFF;
    background-color: #5C86A2;
    margin-bottom: 5px;
    padding: 5px;
}
.topTitle {
    width: 100%;
    color: #696969;
    font-size: 16px !important;
    font-weight: bold;
    padding: 5px 0 0 0;
}
.topTitleDescription {
    width: 100%;
    color: #9F9F9F;
    font-size: 13px !important;
    padding: 5px 0 0 0;
}

.v-slot-uni-view-background {
    position: absolute;
    text-align: center;
    margin: auto;
    height: 100%;
    width: 100%;
}
.uni-view-background {
    width: 98%;
    padding-top: 240px;
    display: inline-block;
    height: 100%;
}
.v-slot-uni-view-background-left {
    width: 16.66667%;
    margin-left: 0px;
    height: 100%;
    border-right: 1px #DADACD solid
}

.v-slot-uni-view-top-separator {
    width:100%;
    border-top: 2px #033C59 solid;
}

.v-slot-uni-view-top-separator-2 {
    height: 2px;
    width:100%;
    border-top: 2px #033C59 solid;
}

.virtualBottomMargin-withValidationZone {
    padding-bottom: 125px;
    display: block;
}
.v-slot-uni-view-big-footer {
    bottom: -4px;
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    border: 0;
    border-top: 2px #033C59 solid;
    background-color: #F8F4EF;
}

.v-slot-uni-view-copyright-label {
    width:100%;
    text-align: center;
    margin: auto;
    background-color: #033C59;
    color: #FFFFFF;
}
.uni-view-copyright-label {
    width: 98%;
    display: inline-block;
    padding: 10px 0 10px 0;
    text-align: left;
}
    

.bt-ok {
    background-image: url(../images/ico_ok.png) !important;
}

.bt-cancel {
    background-image: url(../images/ico_cancel.png) !important;
}

.bt-back {
    background-image: url(../images/ico_back.gif) !important;
}

.bt-next {
    background-image: url(../images/ico_next.gif) !important;
}

.bt-save {
    background-image: url(../images/ico_save.gif) !important;
}

.bt-search {
    background-image: url(../images/ico_search.png) !important;
}

.bt-modify {
    background-image: url(../images/16/pencil_16.png) !important;
}

.bt_filter {
    background-image: url(../images/16/filter_16.png) !important;
}

.bt-add {
    background-image: url(../images/16/plus.gif) !important;
}

.google_maps_16 {
    background-image: url(../images/16/google_maps_16.png) !important;
}


@media only screen and (min-width: 1024px) {
    body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


.bottomLine {
    bottom:0;
    height: 40px;
    position: absolute;
    margin-top: -20px;
    width: 100%;
    z-index: 1;
    display: none;
}

.navigBarre {
    height: 22px;
    padding: 0px 1% 22px 1%;
    width: 100%;
}

.navigBarre a {
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 22px;
    display: block;
    color: #000000;
    text-decoration: none;
}

.navigBarre a:hover {
    background-color: #20881D;
    color: #FFFFFF;
}

.errorMessage {
    margin-bottom: 20px;
}

.errorMessage .ui-panel-content {
    /* background-color: #FFDDDD; */
    padding-bottom: 15px;
}

.main {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.main2 {
    min-height: 98%;
    background-color: #FFFFFF;
    position: relative;
}

.top {
    width: 100%;
}

.backgroundLeft {
    height: 100%;
    position: absolute !important;
    background-color: #FFFFFF;
    border-right: 1px solid #DADACD;
}

.top-separator {
    clear: both;
    height: 5px;
}

.mainTable {
    width: 100%;
    min-height: 100%;
    margin-left: 30px;
    margin-right: 30px;
    margin: 0;
    border-spacing: 0px;
}

.menuZone {
    height: 100%;
    padding: 45px 0 0 0 !important;
    vertical-align: top;
    background-color: #FFFFFF;
    border-right: 1px solid #DADACD;
}

.helpZone {
    height: 100%;
    background-color: #FFFFFF;
    vertical-align: top;
    padding: 15px 0 15px 10px;
    height: 100%;
}

.contentZone {
    height: 100%;
    padding: 45px 0px 0px 40px !important;
    background-color: #FFFFFF;
    vertical-align: top;
}
.contentZone-web {
    padding: 45px 10px 0px 10px !important;
}
.contentZoneFull {
    height: 100%;
    background-color: #FFFFFF;
    vertical-align: top;
    padding: 45px 0px 0px 0px !important;
}

.whiteSpace {
    clear: both;
    width: 100%;
    display: block;
    height: 80px;
}

.buttonBar {
    width: 100% !important;
}

.buttonBarZone {
    padding-top: 15px !important;
}

.bouttonBarRight {
    border-top: 1px solid #DADACD;
}
.v-slot-buttonBarDiv {
    position: absolute; 
    bottom: 45px; 
    padding-left: 10px;
    width: 100% !important;
    margin: auto;
    text-align: center;
}
.buttonBarDiv {
    width: 98% !important;
    display: inline-block;
}

.pageTitleDiv {
    padding-bottom: 20px;
}
.pageTitle {
    font-size: 44px;
    font-weight: bold;
}

.pageName {
    font-weight: bold;
    font-size: 2.6em;
}

.pageContent {
    padding-top: 10px;
}
.ui-widget button {
    font-family: "OpenSans", Verdana, sans-serif !important;
}

.unifr-button {
    color: #FFFFFF !important ;
    background-color: #004E7B !important;
    border: 1px solid #004E7B !important;
    padding: 3px 5px 3px 5px !important;
    min-height: 40px !important;
    font-weight: normal !important;
    text-shadow: none !important;
}
.unifr-button-secondary {
    color: #004E7B !important;
    background-color: #FFFFFF !important;
    border: 1px solid #004E7B !important;
    padding: 3px 5px 3px 5px !important;
    min-height: 40px !important;
    font-weight: normal !important;
    text-shadow: none !important;
}

.unifr-button-secondary.ui-state-focus,
.unifr-button.ui-state-focus {
    box-shadow: none;
}
.unifr-button.ui-state-hover,
.unifr-button.ui-state-active {
    background-color: #D06516 !important;
    border: 1px solid #D06516 !important;
    color: #FFFFFF !important;
}
.unifr-button-secondary.ui-state-hover,
.unifr-button-secondary.ui-state-active {
    background-color: #FFFFFF !important;
    border: 2px solid #D06516 !important;
    color: #D06516 !important;
}

.unifr-button-suivant {
    border: none;
    background-color: #3D8D18;
    background-image: url('../images/fleche-bouton-suivant.png');
    background-repeat: no-repeat;
    background-position: right;
    padding: 0 10px 0 5px;
    margin-left: 10px;
}

.unifr-button-suivant .ui-state-over {
    border: none;
    background-color: #6CCD41;
    background-image: url('../images/fleche-bouton-suivant.png');
    background-repeat: no-repeat;
    background-position: right;
    padding: 0 10px 0 5px;
    margin-left: 10px;
}

.unifr-button-precedent {
    border: none;
    background-color: #3D8D18;
    background-image: url('../images/fleche-bouton-precedent.png');
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 5px 0 10px;
}

.unifr-button-suivant:hover {
    display: none;
}

.panelFiltre {
background-color: #F8F4EF !important;
padding: 0px 20px 20px 20px !important;
}

.panelHeaderTitle {
    font-size:20px;
    font-weight:normal;    
    vertical-align: middle;
    display: inline-block;
}
.panelHeaderTitle-icon {
    vertical-align: middle;
    display: inline-block;
    padding-left: 8px;
}

.pageTitle-icon {
    vertical-align: top;
    display: inline-block;
    padding-left: 15px;
}

.panelHeader-descr {
    font-weight: normal;
    color: #FFA500;
}

.unifr-panel {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    background-color: #FFFFFF;
}

.ui-overlaypanel {
    box-shadow: none;
    border: 1px solid #FFA500 !important;
}
.ui-overlaypanel-content {
    max-width: 400px;
    padding: 20px;
    font-weight: normal;
    color: #FFA500;
}

.unifr-datatable-noHeader table thead tr {
    display: none;
}

.unifr-datatable {
    display: inline-block;
    width: 100%;
}

.unifr-datatable>div {
    border: 0 !important;
}

.unifr-field-label {
    float: left;
    text-align: right;
    color: #949494;
    font-weight: 500;
    display: inline-block;
    padding-top: 8px;
    padding-right: 3px;
    vertical-align: top;
}

.unifr-field-required-content {
    float: left;
    padding-top: 8px;
}

.unifr-field-required-img {
    border: 0;
    vertical-align: text-middle;
}

.unifr-field-required-label {
    width: 10px;
    display: inline-block;
}

.unifr-field-value-read {
    float: left;
    vertical-align: bottom;
    border-width: 1px;
    padding-top: 4px;
    border-color: white;
    border-style: solid;
    background-color: white;
    color: black;
}

.unifr-radio {
    padding-top: 5px;
    margin-bottom: 8px;
}
.ui-selectoneradio td {
    vertical-align: top !important;
}

.unifr-field-info-content {
    float: left;
}

.unifr-field-info-img {
    margin-top: 5px;
}

.unifr-field-textarea-counter {
    clear: both;
    width: 100%;
    font-size: 0.8em;
    color: #575757;
}

.unifr-normal {
    
}

.unifr-error {
    color: #D40000;
}

.unifr-error-hover>div,.unifr-error-hover>input, .unifr-error-hover>span>input {
    border: 1px solid #D40000 !important;
    text-shadow: none !important;
    background-color: #FFFFFF !important; 
}

.unifr-error-hover .ui-state-hover {
    /* background-color: #FFDDDD !important; */
    border: 1px solid #D40000 !important;
}

.unifr-error-hover .ui-state-focus {
    /* background-color: #FFDDDD !important; */
    border: 1px solid #D40000 !important;
}

.unifr-error-hover>div>label {
    background: none !important;
    /* background-color: #FFDDDD !important; */
}

.tooltip {
    pointer-events: none;
    opacity: 0;
    display: inline-block;
    color: #595959;
    background-color: white !important;
    width: 100%;
    font-weight: normal;
    padding: 0 5px;
    border-radius: 0;
}

.tooltip.active {
    opacity: 1;
}

.tooltip.out {
    opacity: 0;
}


.unifr-panel-zone>div {
    border: 0 !important;
}

/** CKEditor */
.cke_skin_kama .cke_charcount {
    display: block;
    float: right;
    margin-top: 5px;
    margin-right: 3px;
    color: #60676A;
}

.cke_charcount span.cke_charcount_count,.cke_charcount span.cke_charcount_limit
    {
    font-style: italic;
}

/** Breadcrumb - horizontal */
#breadcrumb_horizontal {
    height: 35px;
    line-height: 35px;
    color: #9b9b9b;
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}

#breadcrumb_horizontal li {
    list-style-type: none;
    float: left;
    height: 35px;
    display: block;
    padding-left: 10px;
    padding-right: 15px;
    margin-bottom: 20px;
}

#breadcrumb_horizontal a {
    text-decoration: none;
}

#breadcrumb_horizontal li .breadcrumbDisabled {
    color: #DBDBDB;
    cursor: default;
}

#breadcrumb_horizontal li .breadcrumbActiv {
    color: #000000;
    cursor: default;
    font-weight: bold;
}

#breadcrumb_horizontal li .breadcrumbNormal {
    color: #717171;
    cursor: default;
}

#breadcrumb_horizontal li .breadcrumbNormalClickable {
    color: #717171;
    cursor: pointer;
}

/** Breadcrumb - vertical */
#breadcrumb_vertical {
    color: #9b9b9b;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#breadcrumb_vertical li .bcStep {
}

#breadcrumb_vertical li {
    list-style-type: none;
    background-image: none;
    padding: 0;
}

#breadcrumb_vertical a {
    text-decoration: none;
}

#breadcrumb_vertical li .breadcrumbDisabled {
    color: #555555;
    cursor: default;
    line-height: 40px;
    font-size: 14px;
}

#breadcrumb_vertical li .row.breadcrumbActiv {
    background-color: #004E7B;
    color: #FFFFFF;
}

#breadcrumb_vertical li .breadcrumbActiv {
    color: #FFFFFF;
    cursor: default;
    font-weight: bold;
    line-height: 40px;
    font-size: 14px;
}

#breadcrumb_vertical li .breadcrumbNormal {
    color: #000000;
    cursor: default;
}

#breadcrumb_vertical li .breadcrumbNormalClickable {
    color: #000000;
    cursor: pointer;
    font-weight: bold;
    line-height: 40px;
    font-size: 14px;
}

/* Ajax status */
div[id*="dlg-ajax_modal"] {
    background: none;
    filter: alpha(opacity = 20);
    opacity: 0.2;
}

.unifr-ajaxStatus {
    background: none;
    box-shadow: none;
    width: 250px !important;
    height: 250px !important;
    border-radius: 15px;
    opacity: 0.5;
}




/* CSS relied to new logo 2013 */

.topLogo2013Link {
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-right-color: #FFFFFF !important;
    line-height: 15px !important;
    height: 15px !important;
    margin: 4px !important;
}

.topLogo2013LinkActive
{
    color: white !important;
}

.topLogo2013LinkNotActive
{
}

.topLogo2013
{
    padding: 0 !important;
}

.topLogo2013 nav
{
    height: 23px !important;
}

.topLogo2013 nav section span ul, .topLogo2013 nav section span ul li
{
    height: 20px !important;
}

.topLogo2013Logo
{
    float: left;
    height: 77px;
    width: 245px;
}

.topLogo2013ApplicationName
{
    color: #565656;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    float: right;
    padding-right: 12px;
    padding-bottom: 16px;
    padding-top: 47px;
    vertical-align: bottom;
    font-weight: normal !important;
}

/* Bug IE10 pour upload button, il faut cliquer 2 fois sans ce fix pour uploader un fichier */
.fileupload-buttonbar .ui-button input {
    display: none;
    border: 0;
}

.unifrFormFactultativText {
    color: #B6B6B6 !important;
    float: right !important;
    margin-right: 25px !important;
    font-style: italic !important;
}

.ui-datatable-empty-message td {
  font-size: 14px !important;
}