@charset "UTF-8";
body {
    padding-top: 68px;
    background-color: #6187a6;/*#355E82BA;#B5B5B5;#95B1D0;*/
}
:focus {
    outline-width: 0;
    outline-style:none;
}
body.iframe-content {
    padding: 5px;
    background-color: #ffffff;
}

/*----- BARRE DE MENUS -----*/
.navbar.with-shadow {
    background-color: #001E40;/*#1B426F;*/
    border-color: #112a46;
    -webkit-box-shadow: 0 5px 7px 0 rgba(0,0,0,.4);
    box-shadow: 0 5px 7px 0 rgba(0,0,0,.4);
}
.dropdown-menu.with-shadow {
    margin-top: 7px;;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}
/*----- CONTENEURS -----*/
div.container.page {
    background-color: #f2f2f2;
    border-radius: 10px 10px 0 0;
    min-height: 50px;
    padding-left: 5px;
    padding-right: 5px;
}
div.container.footer {
    clear: both;
    height: 20px;
    background-color: #f2f2f2;
    border-radius: 0 0 10px 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 3px;
}
div.popover-body {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
div.form-control.height-3rows {
    height: 5.5rem;
    overflow: auto;
}
div.form-control.height-2rows {
    height: 4rem;
    overflow: auto;
}
div.form-control.disabled, div.form-control.readonly {
    background-color: #e9ecef;
    opacity: 1;
    cursor: not-allowed;
}
div.checkboxes-group {
    padding-top: 0.4rem;
}
div.dial_content {
    position: relative;
    padding: 10px 10px 0;
}
#bloc_header {
    position: relative;
    padding: 10px 15px 2px;
    background-color: #FFFFFF;
    border-radius: 6px;
}
#bloc_content {
    position: relative;
    padding: 10px 10px 0;
}
/*----- ELEMENTS AVEC ICONE -----*/
div.icon-container {
    line-height: 1.6rem;
}
div.icon-container a, div.icon-container span {
    font-size: 1.25rem;
}
/*----- CONTENEURS TINYMCE -----*/
div.msg-container, textarea.msg-container {
    height: 24rem;
    padding: 0.5rem 1rem;
}
#msg_display {
    overflow-y: scroll;
    overflow-x: hidden
}
/*----- TABLEAUX -----*/
table.bg-header-info {
    border: 1px solid #6C757D;
}
table.bg-header-info td, table.bg-header-info th {
    text-align: center;
    border: 1px solid #6C757D;
}
table.bg-header-info thead {
    background: #BEE5EB;
    background: -moz-linear-gradient(top, #ceebf0 0%, #c4e7ed 66%, #BEE5EB 100%);
    background: -webkit-linear-gradient(top, #ceebf0 0%, #c4e7ed 66%, #BEE5EB 100%);
    background: linear-gradient(to bottom, #ceebf0 0%, #c4e7ed 66%, #BEE5EB 100%);
    font-weight: bold;
}

/*----- HAUTEURS DE SELECT ET TEXTAREAS -----*/
textarea.height-4rows {
    height: 92px !important;
}
select.hFF-5rows {
    height: 129px !important;
}
select.hFF-6rows {
    height: 166px !important;
}
select.hFF-7rows {
    height: 175px !important;
}
select.hFF-10rows {
    height: 244px !important;
}
select.hFF-12rows {
    height: 290px !important;
}
select.hFF-13rows {
    height: 313px !important;
}
select.hFF-14rows {
    height: 336px !important;
}
select.hFF-16rows {
    height: 382px !important;
}
select.hFF-18rows {
    height: 428px !important;
}
select.hFF-19rows {
    height: 453px !important;
}
select.hFF-20rows {
    height: 474px !important;
}

/*----- STYLES GENERAUX -----*/
/*----- POSITIONNEMENT -----*/

/*----- LAYERS D'ATTENTE -----*/
.is-cache {
    position: absolute;
    background-color: #fff;
    opacity: 0.55;
    border-radius: 0.25em;
    width: 100%;
    min-height: 30px;
    z-index: -1;
}
.waiting-cache {
    display: none;
    position: absolute;
    z-index: 10;
    background-color: white;    
    border-radius: 0.25em;
    width: 100%;
}
.waiting-cache div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    margin: auto;
}
.alert-cache {
    position: absolute;
    background-color: #fff;
    border-radius: 0.25em;
    width: 100%;
    min-height: 30px;
    z-index: -1;
}

/*----- COULEURS DE TEXTE & ARRIERE-PLAN -----*/
.dark-gray {
    color: #343a40;
}
.light-gray {
    color: #c8c8c8;
}
.noir {
    color: #000000;
}
.rouge {
    color:#990000 !important;
}
.rouge-vif {
    color: #FF0000 !important;
}
.orange {
    color: #FF8C00 !important;
}
.vert {
    color: #390 !important;
}
.bleu {
    color: #3A3BFE !important;
}
.bg-yellow {
    background-color: lemonchiffon;
}

/*----- CURSEUR -----*/
input[disabled], input[readonly],
button[disabled], select[disabled],
textarea[disabled], textarea[readonly] {
    cursor: not-allowed;
}

/*----- BLOCS DE DIALOGUE -----*/
div.dialJQ {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 !important;
    display:none;
}
div.dialJQ iframe {
    height: 99%;
    width: 100%;
    border: none;
}
#calendrier th, #calendrier td {
    height: 2.25rem;
    padding: 0.25rem 0.5rem;
}

/*----- SURCHARGES DIALOGUES JQUERY -----*/
.ui-widget, .ui-widget input, .ui-widget select,
.ui-widget textarea, .ui-widget button {
    font-size: 1rem !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
}
.ui-widget-content a {
    color: #007bff;
}
.ui-widget select.text-monospace {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.ui-accordion-header {
    font-size: 1.25rem !important;
    padding: .5em .5em .6em .6em !important;
}
.ui-accordion .ui-accordion-content {
    font-size: 1rem;
    line-height: 1.4em;
    overflow: hidden;
}
.ui-dialog-title {
    font-size: inherit;
}
div.ui-dialog {
    -webkit-box-shadow: 5px 5px 7px 0 rgba(0,0,0,0.4);
    box-shadow: 5px 5px 7px 0 rgba(0,0,0,0.4);
}
div.ui-datepicker {
    -webkit-box-shadow: 5px 5px 7px 0 rgba(0,0,0,0.4);
    box-shadow: 5px 5px 7px 0 rgba(0,0,0,0.4);
}

/*----- ANCIENS STYLES -----*/
/*#entete {
    position:relative;
    z-index: 1;
    width: 800px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    border-top: 3px outset #B7B7B7;
    border-right: 3px outset #B7B7B7;
    border-bottom: none;
    border-left: 3px outset #B7B7B7;
    background-color: #FFFFFF;
}
#entete_index {
    position:relative;
    z-index: 1;
    width: 800px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    border: 3px outset #B7B7B7;
    background-color: #FFFFFF;
}
#logo {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
    float: left;
}
.on-inputdata {
    background-color:#FFFFE5;
}
#page input[type="text"][readonly="readonly"],
#page input[type="password"][readonly="readonly"],
#page textarea[readonly="readonly"],
#page input[type="text"][disabled="disabled"],
#page input[type="password"][disabled="disabled"],
#page textarea[disabled="disabled"] {
    background-color:#FFF;
}
#popmenu {
    position: absolute;
    z-index: 10;
    width: 200px;
    min-height: 30px;
    margin: 0px 0px 0px 110px;
    padding: 0px;
    visibility: hidden;
}
#rv_liste p {
    line-height: 15px;
}
#titre {
    position: absolute;
    top:14px;
    left: 115px;
    min-height: 30px;
}

----- ETAT ABSENCES -----
#infos, #req_infos {
    position: absolute;
    z-index: 2;
    display: none;
    border: 1px solid #999999;
    background-color: #FFF;
}
#infos.absents {
    width: 443px;    
    height: 235px;
}
#infos.inscrits, #infos.activites {
    width: 320px;
    height: 224px;
}
#infos.divisions {
    width: 320px;
    height: 204px;    
}
#infos.search {
    width: 320px;
    height: 235px;
}
#req_infos {
    width:536px;
    height:269px;
}
#infos p, #req_infos p {
    height: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 25px;
    text-align: center;
}
td.profencours, td.divsearch {
    height: 235px;
}
td.profencours select {
    width: 443px;
    height: 235px;
    margin: 0;
}
td.divsearch select {
    width: 318px;
    height: 235px;
    margin: 0;
}
----- ETAT LISTES D'APPEL -----
td.profensce, td.divgroupes {
    height: 224px;
}
td.profensce select, td.divgroupes select {
    width: 318px;
    height: 224px;
    margin: 0;
}

----- ETAT LISTES DIVISIONS -----
td.listediv {
    height: 204px;
}
td.listediv select {
    width: 318px;
    height: 204px;
    margin: 0;
}

----- ETAT LISTES RECHERCHE -----
td.search_result {
    height:270px;
    vertical-align: top;
}
td.search_result select {
    width:538px;
    height:270px;    
    margin: 0;
}*/

/*----- REQUETES DE MEDIA -----*/
@media (max-width: 767px) {
    label.col-form-label {
        text-align: right;
        padding-left: 10px;
    }
}