/* Adaptativité du contrôle PIV*/
@media (max-width: 1001px) {
    .fwkHeader {
        margin: 0px !important;
        width: 100%;
    }

    .fwkHeaderBanniere {
        height: 57px;
        width: 100%;
    }

        .fwkHeaderBanniere > img {
            display: none;
        }

    .fwkHeaderDroite {
        width: calc(100% - 190px) !important;
    }
}

@media (max-width: 768px) {
    .menuNav > ul > li a {
        font-size: 0.9px !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
}

@media (max-width: 559px) {
    .fwkHeader {
        height: auto !important;
        margin: 5px !important;
    }

        .fwkHeader li {
            float: none;
            width: 100%;
        }

    .fwkHeaderBanniere {
        display: none !important;
    }

    .fwkHeaderGauche {
        padding-top: 0px !important;
    }

    .menuNav {
        display: none;
        float: right;
        position: absolute;
        background-color: #003399;
        top: 60px;
        left: 0px;
        z-index: 1000;
        width: 100%;
    }

    .menuIcon {
        display: block !important;
    }

    .fwkHeaderDroite {
        background-color: white !important;
    }

    .titrePage
    {
            margin-left:0px !important;
    }
}

.fwkHeaderDroite .list-group-item {
    background-color: #003399;
}

.fwkHeaderDroite .list-group {
    padding: 0px;
}

.fwkHeader {
    height: 90px;
}

    .fwkHeader > h1 {
        display: normal;
        margin-top: 90px;
        line-height: 1.3;
        font-weight: bold;
    }

.menuIcon {
    display: none;
}

.menuIconImg {
    cursor: pointer;
    padding-right: 15px;
}

/* Adaptativité du site en général*/
@media only screen and (min-width : 480px) {
    .segInfoGauche, .spanSegInfoDroite {
        font-size: 0.8em !important;
    }

    .mtqErreur {
        font-size: 0.8em !important;
    }

    .dialog-loading-wrapper {
        margin-top: -200px !important;
    }
}

@media only screen and (min-width : 768px) {
    .addMargin {
        margin-left: 15px !important;
        margin-right: 15px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .tableTopMargin {
        margin-top: 18px !important;
    }

    #panelSegment, #panelCondition, #panelResume, #panelChoix {
        background-color: white !important;
    }

    #resumeSegments, #resumeChaussee, #resumeVisibilite, #resumePresence {
        float: right !important;
    }

    p{
        font-size:16px;
    }
}

@media only screen and (min-width : 992px) {
    #panelSegment > div.panel-body, #panelCondition div.panel-body {
        min-height: 1160px; /*1069px;*/
        max-height: 1160px;
        overflow-y: auto;
    }

    .panel-body {
        padding-bottom: 0px !important;
    }

    #MasterPage_cphContenu_btnRetour{
        margin-bottom:20px !important;
    }

    .ui-content {
        padding: 1em !important;
    }

    .dialog-loading-wrapper {
        margin-top: -150px !important;
    }

    .tableRadioButton {
        display: table-cell !important;
    }
}

@media only screen and (min-width : 1200px) {
    #panelSegment > div.panel-body, #panelCondition div.panel-body {
        min-height: 700px;
        max-height: 700px;
        overflow-y: auto;
    }

    #divChaussee {
        padding-right: 25px !important;
    }

    #divRole {
        padding-right: 12px !important;
    }

    #divUA {
        padding-left: 12px !important;
    }
}

/* IU General*/
#btnTransmettre {
    margin-bottom: 20px !important;
}

#btnRetour

#resumeSegments, #resumeChaussee, #resumeVisibilite, #resumePresence {
        white-space:normal;
    }

.addMargin {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.btnOkay {
    width: 50%;
    margin-bottom: 10px;
}

.fwkMenuPrincipal {
    margin-bottom: 20px;
}

.fwkActionButton {
    word-wrap: break-word;
    height: auto;
    white-space: normal;
}

.fwkFieldLabel
{
    font-size:inherit !important; 
}
.fwkFieldLabelErreur {
    color: white !important;
    display:inline !important;
}

.messageZone {
    margin-bottom: 20px;
}

.mtqErreur {
    font-size: 12px;
    margin-top: 8.5px;
    word-wrap: break-word;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    display: block;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
}

.mtqErreurDiv {
    min-height: 20px;
}

.panel-body .list-group-item {
    border: 1px solid #898989;
}

.panel-heading {
    width: 100%;
    display: inline-block;
}

.removePanelPadding {
    padding-left: 0px;
    padding-right: 0px;
}

.ui-content {
    padding: 0px;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    text-shadow: none !important;
    background-color: White !important;
}

.tableRadioButton {
    display: none;
}

.titrePage {
    color: #003399;
    font-size: 14px;
    font-weight: bold;
    background: white;
    display:block;
    width:100px;
    margin-left:190px;
}

.topMargin
{
    margin-top:20px;
}
small {
    color: #424242 !important;
    font-weight: 600 !important;
}

#btnTransmettre, #MasterPage_cphContenu_btnAnnuler, #MasterPage_cphContenu_btnAppliquer, #MasterPage_cphContenu_btnRetour {
    width: 60%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

#divVisibilite, #divChaussee, #divLames {
    padding: 0px;
}

#panelSegment, #panelCondition, #panelResume, #panelChoix {
    background-color: #003399;
}

/* Table de contenus*/
.bootstrap-table .table {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #ddd;
    border-collapse: collapse !important;
    border-radius: 1px;
}

.fixed-table-container {
    position: relative;
    clear: both;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.fixed-table-header {
    overflow: hidden;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

.fixed-table-body {
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
}

.fixed-table-container table {
    width: 100%;
}

.fixed-table-container thead th {
    height: 0;
    padding: 0;
    margin: 0;
    border-left: 1px solid #ddd;
}

    .fixed-table-container thead th:first-child {
        border-left: none;
        border-top-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
    }

    .fixed-table-container thead th .th-inner {
        padding: 8px;
        line-height: 24px;
        vertical-align: top;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.fixed-table-container tbody td {
    border-left: 1px solid #ddd;
}

.fixed-table-container tbody tr:first-child td {
    border-top: none;
}

.fixed-table-container tbody td:first-child {
    border-left: none;
}

.fixed-table-container tbody .selected td {
    background-color: #f5f5f5;
}

.fixed-table-container .bs-checkbox {
    text-align: center;
}

    .fixed-table-container .bs-checkbox .th-inner {
        padding: 8px 0;
    }

.fixed-table-container input[type=radio], .fixed-table-container input[type=checkbox] {
    margin: 0 auto !important;
}

.fixed-table-body thead th .th-inner {
    box-sizing: border-box;
}

.table td, .table th {
    vertical-align: middle;
    box-sizing: border-box;
}

.bootstrap-table .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.bootstrap-table .table thead > tr > th {
    padding: 0;
    margin: 0;
}

.bootstrap-table {
    padding-bottom: 0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

.bs-checkbox {
    vertical-align: middle !important;
    text-align: center !important;
    table-layout: fixed !important;
}

.fixed-table-container .bs-checkbox .th-inner {
    padding: 8px;
}

.divCenter > span {
    vertical-align: middle;
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
    height: auto;
    padding-top: 14px;
    padding-bottom: 7px;
}

.fixed-table-container {
    border: none !important;
    -webkit-border-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
}

    .fixed-table-container thead th:first-child {
        border-top-left-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topleft: 0px;
    }

.panel-body {
    padding-top: 0px;
    padding-bottom: 20px;
}

.panel-primary {
    border-color: #003399;
}

    .panel-primary > .panel-heading {
        background-image: none;
        background-color: #003399;
    }

.panel-title {
    font-size: 18px;
    font-weight: normal;
}

tbody .selected td {
    background-color: #d1d1d1 !important;
}

th, td {
    border: 1px solid #4392CA !important;
}

.addBottomMargin {
    margin-bottom: 20px;
}

body.lockScrollBar {
    overflow: hidden;
}

/* CSS DU CADRE POUR OVERRIDE AU BESOIN */

/**************************************************/
/**********          Général             **********/
/**************************************************/
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: Black;
    font-size: 0.8em;
    margin: 0.4em auto;
    background-color: White;
}

h1 {
    font-size: 0.813em;
    color: #003399;
}

h2 {
    color: White;
    font-size: 1em;
    margin: 0px;
}

h6 {
    font-size: 0.813em;
    color: #003399;
}

input {
    font-family: Verdana, Arial, Geneva, sans-serif;
    color: #000000;
    /*  font-size: 0.75em; */
}

select {
    font-family: Verdana, Arial, Geneva, sans-serif;
    color: #000000;
    /* font-size: 0.75em;*/
}

a {
    color: #003398;
}

.visuallyHidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/**************************************************/
/**********          FieldLabel          **********/
/**************************************************/
.fwkFieldLabel {
    color: Black;
    text-align: left;
    font-weight: bold;
    font-size: 0.85em;
}

.fwkFieldLabelRequired {
    color: #C00000;
    font-weight: bold;
}

.fwkFieldLabelErreur {
    color: #CC0000;
    font-weight: bolder;
    /*font-size:0.85em;*/
    display: block;
}

    .fwkFieldLabelErreur p {
        margin: 0px;
    }

/**********************************************/
/**********          Captcha         **********/
/**********************************************/

.fwkCaptcha p {
    margin: 0px;
}

/**********************************************/
/**********          Footer          **********/
/**********************************************/
.fwkFooter {
    overflow: hidden;
    color: #666;
    padding-top: 20px;
    padding-bottom: 30px;
}

    .fwkFooter img {
        border: 0;
    }

    .fwkFooter a {
        color: #336699;
        text-decoration: underline;
        margin: 0px;
        padding: 0px;
    }

    .fwkFooter a:visited {
        color: #336699;
    }

    .fwkFooter ul {
        list-style: none;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0;
        list-style-type: none;
        text-align: center;
    }

    .fwkFooter li {
        display: inline;
        border-right: 1px solid #666;
        margin-top: 4px;
    }

        .fwkFooter li a {
            padding: 0px 7px 0px 7px;
        }

    .fwkFooter ul li.dernier {
        border-right: none;
    }

    .fwkFooter p.logo {
        text-align: center;
        clear: both;
        margin: 0;
        padding: 5px 0px;
    }

.fwkFooterUl li {
    display: list-item;
    border-style: none;
}

/***************************************************/
/**********          MessageZone          **********/
/***************************************************/
.messageZone {
    color: Black;
}

.messageZoneEntete {
    display: table;
    background-color: #D7E3F0;
    border-bottom: 1px solid darkgray;
    height: 20px;
}

.messageZoneEnteteGauche {
    display: table-cell;
    text-indent: 3px;
    vertical-align: middle;
    width: 100%;
}

.messageZoneEnteteDroit {
    display: table-cell;
    /*	direction:rtl;*/
    vertical-align: middle;
    min-width: 35px;
}

.messageZoneEntete img {
    border: 0px;
    margin-right: 3px;
    vertical-align: text-bottom;
}

.messageZoneEnteteDroit input {
    padding-top: 4px;
    padding-left: 2px;
}

.messageZoneCorps {
    display: table;
    background-color: #ECEBF0;
    border-bottom: 1px solid darkgray;
}

.messageZoneCorpsImg {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

.messageZoneCorpsText {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 10px 5px;
}

    .messageZoneCorpsText ul {
        margin: 0px;
    }

/**********************************************/
/**********          Header          **********/
/**********************************************/
.fwkHeader {
    margin: 0 auto;
    padding: 0;
    height: 100px;
    display: table;
}

    .fwkHeader img {
        border: 0px;
    }

.fwkHeaderGauche {
    width: 211px;
    float: left;
    padding-top: 0px;
    text-align: right;
    margin-top: 0px\9; /* Seulement IE9 et moins */
}

.fwkHeaderDroite {
    width: 795px; /* Taille 1024px */
    background-color: #003399;
    float: left;
    font-size: 0.7em;
}

.fwkHeaderBanniere {
    background-color: white;
    text-align: right;
    padding: 0;
    margin: 0;
    height: 68px;
}

.fwkHeaderDroite a {
    text-decoration: none;
    color: white;
    letter-spacing: -0.05em;
}

    .fwkHeaderDroite a:focus {
        background-color: #336699;
    }

    .fwkHeaderDroite a:active {
        background-color: #336699; /* Seulement IE9 et moins */
    }

.fwkHeaderDroiteSansLogo {
    width: 100%;
    background-color: #003399;
    float: left;
    font-size: 0.7em;
}

    .fwkHeaderDroiteSansLogo a {
        text-decoration: none;
        color: white;
        letter-spacing: -0.05em;
    }

        .fwkHeaderDroiteSansLogo a:focus {
            background-color: #336699;
        }

        .fwkHeaderDroiteSansLogo a:active {
            background-color: #336699; /* Seulement IE9 et moins */
        }

.fwkHeader ul {
    margin: 0;
    padding: 1px 0px 0px 20px;
    padding-top: 4px;
    height: 15px;
}

    .fwkHeader ul li {
        margin: 0;
        float: left;
        display: inline;
        padding-right: 15px;
        list-style-type: none;
    }

        .fwkHeader ul li.droite {
            float: right;
            margin: 0;
        }

        .fwkHeader ul li.self {
            padding-right: 16px;
        }

        .fwkHeader ul li a:visited {
            color: white;
            background-color: #336699;
        }

        .fwkHeader ul li a:hover {
            color: white;
            background-color: #336699;
        }

/**************************************************/
/**********          Menu                **********/
/**************************************************/

/* --------------------------------------- 
	MenuPrincipal       
   -------------------------------------- */
.fwkMenuPrincipal {
    width: 100%;
    background-color: #002062;
    display: inline-table;
    min-height: 22px;
}

/* Menu principal*/
.mainMenu {
    line-height: 22px;
}

/* Sous-menu */
.navMenu {
    background-color: #002062;
    border-right: 1px solid;
    border-color: #CCCCCC;
    display: none;
    position: absolute;
    width: 190px;
}

    /* Position des sous-sous-menu*/
    .navMenu .navMenu {
        top: -1px;
        left: 179px;
    }
/* Premier niveau du menu */
.mainMenu, .navMenu {
    margin: 0;
    padding: 0;
}

    /* Items du menu principal */
    .mainMenu li {
        border-right: 1px solid #557099;
        display: block;
        float: left;
        list-style-type: none;
        position: relative;
        width: auto;
    }

    /* items du sous-menu ouvert */
    .navMenu li {
        border-color: #CCCCCC;
        background-color: #002062;
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        position: relative;
        text-indent: 0;
        white-space: normal;
        width: auto;
    }

    /* Items du menu principal */
    .mainMenu li a, .mainMenu li a:link, .mainMenu li a:visited {
        background-color: transparent;
        color: #ffffff;
        display: block;
        padding-left: 10px;
        padding-right: 10px;
        text-decoration: none !important;
    }
        /* Lien actif du menu principal */
        .mainMenu li a:hover, .mainMenu li a:active, .mainMenu li a:focus, .mainMenu li a.activeItem {
            background-color: #BCC8D8 !important;
            color: #003398;
        }

    .navMenu li a {
        display: block;
        margin-bottom: 0 !important;
        width: 100%;
    }

    html > body .navMenu li a {
        width: auto;
    }

    .navMenu .hasSubMenu {
        background-image: url(../Images/fwkPgSuivant_d.gif);
        background-position: right center;
        background-repeat: no-repeat;
    }

.hasSubMenuActive {
    background-color: #BCC8D8 !important;
    color: #003398 !important;
}
/* Border sur le sous-menu */
.mainMenu .showMenu {
    border: 1px solid #CCCCCC;
}
/* Border sur le sous-sous-menu */
.navMenu .showMenu {
    border: 1px solid #CCCCCC;
}

.showMenu {
    display: block !important;
}

.menuContainer {
    min-height: 22px;
    float: left;
}

/* --------------------------------------- 
	Pour afficher le profil avec la barre 
    de menu, à droite       
   -------------------------------------- */
.fwkMenuSectionProfil {
    display: table-cell;
    padding-bottom: 2px;
    text-align: right;
    float: right;
}

/**************************************************/
/**********          Action Button       **********/
/**************************************************/

.fwkActionButtonDis {
    font-family: Verdana, Arial, Geneva, sans-serif;
    vertical-align: middle;
    text-decoration: none;
    line-height: 20px;
    border: 0px;
}

    .fwkActionButtonDis img {
        filter: alpha(opacity=35);
        opacity: 0.35;
        padding-right: 4px;
        vertical-align: middle;
    }

.fwkActionButton {
    font-family: Verdana, Arial, Geneva, sans-serif;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
    color: #003398;
    background-color: transparent;
    line-height: 20px;
    border: 0px;
}

    .fwkActionButton img {
        padding-right: 4px;
        vertical-align: middle;
        border: 0px;
    }

/*----------------------------------
 Boutons d'action
---------------------------------- */

.mcoBoutonGrille {
    cursor: pointer;
    text-align: center;
}

/***************************************************/
/**********          Entete Section       **********/
/***************************************************/
.mcoEnteteSection {
    display: table;
    border-bottom: 1px solid darkgray;
    height: 20px;
    width: 100%;
}

.mcoEnteteSectionBar {
    /* height:20px; */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#335C9A', endColorstr='#5275A8', GradientType=1)";
    background-image: linear-gradient(to right, #335C9A, #5275A8); /* ie 6+ */
}

.mcoEnteteSectionBarGauche {
    display: table-cell;
    background-image: url('../Images/mcoTitreSectionCoin.gif');
    background-repeat: no-repeat;
    height: 20px;
    width: 100%;
    vertical-align: middle;
}

    .mcoEnteteSectionBarGauche h2 {
        padding-left: 6px;
        /*	padding-top:2px;
	vertical-align:middle;*/
    }

.mcoEnteteSectionBarDroite {
    display: table-cell;
    /*text-indent:3px;*/
    /*vertical-align:middle;*/
    height: 20px;
    min-width: 35px;
}

    .mcoEnteteSectionBarDroite img {
        padding-right: 3px;
        padding-top: 3px;
        vertical-align: middle;
    }

    .mcoEnteteSectionBarDroite input {
        padding-top: 4px;
    }

.mcoEnteteSectionMessage {
    color: black;
    background-color: #ecebf0;
    border-bottom: 1px solid darkgray;
    border-left: 1px solid #C8D4E4;
    display: inline-table;
    font-size: x-small;
    width: inherit;
    padding-top: 2px;
    padding-bottom: 2px;
    border-left: 1px solid #C8D4E4;
}

    .mcoEnteteSectionMessage span {
        padding-left: 5px;
    }

.CursorPointer {
    cursor: pointer;
}

.mcoConteneurMsg {
    width: 100%;
    display: table;
}

.mcoConteneurMsgMarges {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mcoConteneurMsgGauche {
    border-left: 1px solid #C8D4E4;
    display: table-cell;
    vertical-align: middle;
}

    .mcoConteneurMsgGauche img {
        padding: 30px;
    }

.mcoConteneurMsgDroite {
    display: table-cell;
    width: 100%;
    vertical-align: bottom;
}

    .mcoConteneurMsgDroite #divBoutons {
        text-align: right;
        background-color: #ECEBF0;
        border-style: solid none;
        border-width: 1px 0;
        border-color: #A9A9A9; /* darkgray est la meme couleur que #A9A9A9 */
        padding-top: 3px;
        padding-bottom: 3px;
        min-height: 20px;
    }

    .mcoConteneurMsgDroite p {
        padding-bottom: 12px;
    }

.mcoConteneurMsgUnique {
    border-left: 1px solid #C8D4E4;
    display: table-cell;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

.espaceBas {
    padding-bottom: 10px;
}

.mcoConteneurMsgUnique label {
    display: block;
    padding-top: 10px;
    width: 100%;
}

.mcoConteneurMsgUnique #divBoutons {
    text-align: right;
    background-color: #ECEBF0;
    border-style: solid none;
    border-width: 1px 0;
    border-color: #A9A9A9; /* darkgray est la meme couleur que #A9A9A9 */
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 20px;
}

.mcoConteneurMsgUniqueBoutons {
    text-align: right;
    background-color: #ECEBF0;
    border-style: solid none;
    border-width: 1px 0;
    border-color: #A9A9A9; /* darkgray est la meme couleur que #A9A9A9 */
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 20px;
}

/* ------------------- */
/* Sections            */
/* ------------------- */
.mcoSectionTitre {
    color: White;
    font-weight: bold;
    background-color: #335C9A;
    background-image: url(../images/mcoTitreSection.gif);
    background-position: right top;
    background-repeat: repeat-y;
    padding-bottom: 1px;
    height: 20px;
}

.mcoSectionBouton {
    cursor: pointer;
}

.mcoSectionTitreCoin {
    vertical-align: top;
    text-align: left;
    background-color: #335C9A;
}

.mcoSectionMessage {
    color: black;
    background-color: #ecebf0;
    border-bottom: solid 1px darkgray;
    border-left: solid 1px #C8D4E4;
    text-align: left;
    font-size: x-small;
    height: 16px;
}
/*
.mcoSectionContenu
{
	padding-left:5px;
	padding-top: 2px;
	border-left:solid 1px #C8D4E4;
}
*/
.mcoChampOblig {
    color: #C00000;
}