/*
Copyright 15/11/2015 michelgeny.
All rights reserved.
*/
/*----- STYLES & CLASSES DE BALISES -----*/
/*----- styles généraux -----*/
a.disabled {
    pointer-events: none;
    cursor: default;
}
.bg-totaux {
    background-color: #ffeec4;
}
.bg-alloc-eq {
    background-color: #408559;
    color: #ffffff;
}
.bg-alloc-sup {
    background-color: #316df4;
    color: #ffffff;
}
.bg-alloc-inf {
    background-color: #ca444b;
    color: #ffffff;
}
body {
    padding-top: 50px;
    background-color: #6187a6;
}
body.tinyeditor {
    padding: 10px;
    background-color: #FFFFFF;
}
h1.para-title, h2.para-title, h3.para-title, h4.para-title {
    margin-top: 0;
    margin-left: 0 !important;
}
input[type="number"] {
    padding-right: 2px;
}
select.chassefixe {
    font: 13px Monaco,"Andale Mono",monospace !important;
}
table {
    font-size: 14px;
    background-color: #FFF;
}
table.table {
    font-size: 14px;
    margin-bottom: 10px;
}
td.clickable:hover, th.clickable:hover {
    cursor: pointer;
}
th.cell-2lines {
    height: 58px !important;
}
textarea {
    resize: none;
}
/*----- styles d'en-têtes' -----*/
h1.header-page, h2.header-page {
    display: block;
    float: left;   
    margin-left: 5px;    
}
img.logo-excel {
    margin: 11px 0 0 15px;
    float: left;
}
/*---------- CLASSES GÉNÉRALES ----------*/
.clear-right {clear: right;}
.clear-left {clear: left;}
.clear-both {clear:both;}
.full-width {width: 100% !important;}
/*----- gutters -----*/
.no-gutter {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.gutters-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;    
}
.gutters-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;    
}
/*----- paddings -----*/
.no-padding {padding: 0 !important;}
.no-padtop {padding-top: 0 !important;}
.no-padright {padding-right: 0 !important;}
.no-padleft {padding-left: 0;}
.no-x-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.no-y-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.small-pad {padding: 0 0 0 5px;}
.padtop-4 {padding-top: 4px;}
.padright-9 {padding-right: 9px !important;}
.padleft-6 {padding-left: 6px !important;}
.padleft-12 {padding-left: 12px !important;}
/*----- marges -----*/
.no-margin {margin: 0;}
.no-marginbot {margin-bottom: 0 !important;}
.marginbot-10 {margin-bottom: 10px !important;}
.marginbot-12 {margin-bottom: 12px !important;}
.marginright-6 {margin-right: 6px !important;}
.marginleft-3 {margin-left: 3px !important;}
.marginleft-6 {margin-left: 6px !important;}
.no-interval {margin-top: 0;}
.interval-1 {margin-top: 1px;}
.interval-4 {margin-top: 4px;}
.interval-5 {margin-top: 5px;}
.interval-6 {margin-top: 6px;}
.interval-10 {margin-top: 10px;}
.interval-12 {margin-top: 12px;}
.interval-15 {margin-top: 15px;}
.interval-20 {margin-top: 20px;}
/*----- couleurs -----*/
.rouge {color: #900;}
.vert {color: #2B7400;}
.rouge-alerte {font-weight: bold; color: #D9534F;}
.orange-alerte {font-weight: bold; color: #FF9D00;}
/*----- texte -----*/
.text-grey {color: #AAA;}
.text-dark-grey {color: #999;}
.text-small {font-size: 12px !important;}
.text-bold {font-weight: bold;}
/*----- affichage -----*/
.tag-inline-block {display: inline-block;}
.tag-inline {display: inline;}
/*----- backgrounds -----*/
.bg-default {background-color: #fff;}
.bg-lightgray {background-color: #f8f8f8;}
.bg-infolight {background-color: #e7f2f8;}
.bg-warninglight {background-color: #fefcf5;}
.bg-primarylight {background-color: #EFF5FB;}
.bg-take-care {
    background-color: #d9edf7 !important;
    border-color: #9c4a46 !important;
}
.bg-gray {background: rgba(237,237,237,1);}
.bg-orange {background-color: #F2DE93;}
.bg-transparent {background-color: transparent !important;}
/*----- hauteurs -----*/
.height-3rows {
    height: 80px;
}
/*----- positionnement -----*/
.align-content-center {
    display: flex;
    align-items: center;
}
.valign-mid {vertical-align: middle !important;}
.text-milieu {vertical-align: middle;}
/*---------- ONGLETS ----------*/
ul.pagination.header {
    margin: 13px 0 0 0 !important;
    float: right;
}
ul.pagination > li > a {
    padding: 3px 8px;
}
/*----- special tinymce -----*/
.mce-fullscreen {z-index: 1035 !important;}
/*----- BLOCS DE MISE EN PAGE -----*/
div.container.page {
    background-color: #f2f2f2;
    margin-top: 10px;
    border-radius: 10px 10px 0 0;
    min-height: 50px;
}
div.container.dialog {
    background-color: #E5E5E5;
    padding: 0 !important;
    margin: 0 !important;
}
div.container.footer {
    clear: both;
    height: 20px;
    background-color: #eee;
    border-radius: 0 0 10px 10px;
    margin-bottom: 20px;
}
div.container.liste {
    position: relative;
    z-index: 1;
    background-color: #eee;
    min-height: 50px;
    margin-top: 127px;
}
div.container.liste.etat {
    margin-top: 113px;    
}
div.container.liste.avecmenus {
    margin-top: 150px;    
}
div.container.liste.avectitre {
    margin-top: 179px;    
}
div.container.liste.avectitre.header-2lines {
    margin-top: 198px;
}
div.jumbotron {
    padding-bottom: 20px !important;
}
hr.liste-sep {
    border-top: 1px solid #9f9f9f;
    margin-bottom: 10px;
}
/*----- page -----*/
#body {
    position: relative;
    padding: 15px 15px 0 15px;
}
#body.duties_sheet {
    padding: 8px 8px 0 8px;
}
/*----- bloc header -----*/
/*----- normal -----*/
#bloc_header {
    position: relative;
    padding: 0 15px;
}
#bloc_header h2 {
    margin-top: 14px;
}
#bloc_header.home {
    padding: 24px 0 0 52px;
}
#bloc_header.labelled {
    margin-top: 5px;
    padding-bottom: 3px;
    background-color: #fff;
    border-radius: 6px;
}
#titre_tabs {
    display: inline-block;
    float: left;
    margin-top: 12px;
}
#bloc_nav {
    position: absolute;
    left: 530px;
    top: 8px;
}
#tabs {
    margin-bottom: 8px;
}
#tabs li {
    margin-top: 12px;
    float: right;
}
/*----- flottant -----*/
#header_floating {
    position:fixed;
    z-index: 5;
    background-color:#6187a6;
    width: 100%;
}
#header_fixed {
    position: relative;
    min-height: 100px;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto 0 auto;
    background-color: #E5E5E5;
    border-radius: 10px 10px 0 0;
}
#header_fixed.avecmenus {
    min-height: 140px;
}
/*----- blocs de pagination -----*/
#bloc_header_pagination {
    float: right;
    margin-top: 10px;
}
#bloc_header_pagination p {
    position: absolute;
    display: inline-block;
    margin-right: 10px;
    line-height: 34px;
}
#bloc_header_pagination ul {
    margin: 0 0 0 60px;    
}
#bloc_footer_pagination {
    height: 34px;
}
#bloc_footer_pagination p {
    width: 100px;
    margin: 0 auto 0 auto;
    line-height: 30px;
}
#bloc_footer_pagination ul {
    float: right;
    margin: 0;
}
/*----- MASQUAGE -----*/
/*----- masquage par script js -----*/
div.masque {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}
div.masque img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
/*----- masquage par include HTML -----*/
div.sablier,
img.sablier {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
div.sablier {
    width: 200px;
    height: 72px;
}
img.sablier {
    width: 32px;
    height: 32px;    
}
div.wait-cache {
    position: absolute;
    left: 0;
    z-index: 2;
    background-color: #FFF;
}
div.wait-cache.page-loading {
    width: 100%;
    height: 100%;
    opacity: 0.75;
}
/*----- BOUTONS ICÔNES -----*/
button.btn-top-nav {
    padding: 5px 8px;
}
button.btn-fullimg {
    padding: 0;
}
button.btn-glyphicon {
    padding: 2px 4px;
}
button.btn-glyphicon span.glyphicon {
    font-size: 22px;
}
/*----- FORMULAIRES -----*/
a.action-btn, button.action-btn, input.action-btn {
    margin-left: 12px;
}
button.b_search {
    float: left;
    margin-left: 15px;
}
button.blue-border {
    border-color: #3279B7;
}
div.alert {
    margin: 10px 0 0 0;
}
div.checkbox-inline-group div.checkbox {
    display: inline-block;
    margin-right: 10px;
    padding-top: 6px;
    min-height: 20px;
}
div.checkbox.into-row {
    min-height: 22px !important;
    padding-top: 0 !important;
}
div.form-group.bkg-stripped {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #bbb;
    background-color: #EFF5FB;
}
div.inputlike {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    cursor: not-allowed;
}
div.textarealike {
    height: 60px;
    overflow-x: hidden;
    overflow-y: scroll;    
}
div.post-links-panel {
    clear: both;
    height: 1px;
}
div.radio.input-size {
    height: 34px;
}
label.hform_cblabel {
    margin-left: 15px;
}
label.no-bold {
    font-weight: normal;
}
p.form-control-static.align-num-input {
    padding-left: 13px;
}
select.height-3rows {
    height: 80px;
}
/*----- filtre établissements -----*/
div.filtre-etabs {
    height: 35px;
    padding: 0;
    margin-bottom: 6px;
}
div.filtre-etabs label {
    line-height: 35px;
}
div.filtre-menus {
    float: left;
    margin: 10px 0 0 40px;
    height: 35px;
    width: 360px;
}
/*----- TABLEAUX -----*/
/*----- listes d'éléments -----*/
div.article-heading {
    height: 65px;
}
div.tdlike {
    padding: 5px; 
}
tr.activated, tr.activated:hover, td.activated {
    background-color:#1b6d85 !important;
    color: #FFFFFF;
}
table.table-hover td:hover {
    cursor: pointer;
}
/*----- styles de tableau généraux -----*/
td.no-border, th.no-border {
    border-width: 0 !important;
    border-style: none !important;
}
td.bordered, th.bordered, div.bordered {
    border: 1px solid #ddd !important;
}
td.double-bordered, th.double-bordered, div.double-bordered {
    border: 2px solid #ddd !important;
}
td.y-double-borders {
    border-top: 2px solid #ddd !important;
    border-bottom: 2px solid #ddd !important;
}
th.text-center {
    text-align: center !important;
}
table.border-separate {
    border-collapse: separate;
}
table.unseen {
    background-color: transparent !important;
    border-width: 0 !important;
    border-style: none !important;
}
/*----- styles de fixation des volets -----*/
#services tr.header-sup th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
}
#services tr.header-inf th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 28px;
}
#services tr th:first-child,
#services tr.header-sup th:first-child,
#services tr.header-inf th:first-child{
  left: 0;
  z-index: 10;
}
#services tr td:first-child {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
}
/*----- DIALOGUES JQUERY UI -----*/
div.dialJQ {
    display: none;
    overflow: hidden !important;
    padding:0 !important;
    background-color: #F2F2F2 !important;
}
div.dialJQ iframe {
    height: 100%;
    width: 100%;
    overflow: hidden !important;
    border:none;
}
div.dialJQ-font {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 14px !important;
}
div.ui-dialog-content { /* surcharge le style de jquery UI */
    padding: .5em !important;
}
/*----- ACCORDION JQUERY UI -----*/
/*----- surcharges accordion -----*/
.ui-helper-reset {
    line-height: inherit !important;
    font-size: inherit !important;
}
.ui-widget, .ui-widget select {
    font-family: inherit !important;
    font-size: inherit !important;
}
.ui-state-active {
    background-color: #d9edf7 !important;
    background-image: none !important;
    color: inherit !important;
    border-color: #c5c5c5 !important;
}
.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png") !important;
}
/*----- dialogues d'information -----*/
#prompt_msg.success {
    background-color: #dff0d8;
}
#prompt_msg.info {
    background-color: #d9edf7;    
}
#prompt_msg.error {
    background-color: #f2dede;    
}
#prompt_msg.warning {
    background-color: #fcf8e3;
}
#prompt_msg p.mid-height {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 72px;
    width: 656px;
    margin: auto;
}
/*----- dialogue jsTree -----*/
#tree_container {
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #ccc;
}
li[data-toggle="tooltip"] div.jstree-wholerow-clicked {
    background-color: #efefef !important;
    background-image: none !important;
}
/*---- dialogue choix d'établissements ----*/
#tabselec button {
    margin-top: 10px;
}
#tabselec th {
    vertical-align: middle;
    text-align: center;
}
#tabselec td.cell-liste {
    padding: 6px 0 0 0;
}
#tabselec #bloc_listetabs {
    position: relative;
    height: 331px;
    width: 100%;
}
#tabselec #listesel {
    height: 372px;
}
#tabselec #listetabs {
    height: 331px;
}
#tabselec #bAdd {
    margin-top: 120px;
}
#tabselec #bAnnul {
    margin-top: 40px;
}
/*----- TRANSITIONS -----*/
#attrib_pane {
    overflow: hidden;
    max-height: 0;
    min-height: 0;
    margin-bottom: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;    
}
/*----- SURCHARGES BOOTSTRAP -----*/
label.radio-inline {
    margin-left: 5px;
    padding-top: 7px !important;
}
div.popover {
    max-width: 600px;
    min-width: 500px !important;
}
/*----- REQUÊTES DE MEDIA -----*/
@media (min-width: 1600px) {
    .container.xtend {width: 1580px !important;}
}
@media (min-width: 1200px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
    .modal-lg.modal-dialog {min-width: 740px !important;}
}
@media (max-width: 767px) {
    .container {width: 768px !important;}
    .control-label.no-stack {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }
    .modal-lg.modal-dialog {min-width: 740px !important;}
}