* {
    font-family: Verdana;
    font-size: 10px;
}

html, body {
    height: 100%;
}

img {
    border: none;
}

body {
    margin: 0px;
    padding: 0px;
}

a {
    color: #1B7AE0;
}

#header .topBar {
    background: #666;
    color: #fff;
    height: 24px;
    vertical-align: middle;
    font-weight: bold;
}

#header .menu-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header .menu-content > div {
    margin: 0 10px; 
}

#header .menu-content .menu-content-logo {
    display: flex;
    align-items: center;
}

#header .menu-content .menu-content-logo > img {
    max-height: 33px;
    padding: 0 5px;
}

.fl {
    float: left;
    width: 45%;
}

.fr {
    float: right;
    width: 45%;
}

.btnBar .btn {
    display: block;
    width: 23px;
    height: 23px;
    float: right;
}

.btn {
    background: url(../Images/toolbartop.png) no-repeat;
    cursor: pointer;
    display: block;
    height: 20px;
    width: 25px;
    float: left;
}

    .btn:hover {
        background-color: #aaa;
    }

.param {
    background-position: -25px 0px;
}

.out {
    background-position: 0px 0px;
}

.flag {
    background-position: -50px 0px;
}

.help {
    background-position: -75px 0px;
}

#headerMenu .t-header, #header .t-header .t-grid-header {
    background: url(../Images/ui-bg_highlight-soft_75_ca0047_1x100.png) repeat-x 50% 50%;
}

#headerMenu .t-widget, #headerMenu .t-link:link, #headerMenu .t-link:active, #headerMenu .t-link:visited, #headerMenu .t-popup {
    color: #fff!important;
}

#headerMenu .t-state-default {
    border-color: #fff!important;
}

#headerMenu .t-group {
    background-color: #666;
}

#headerMenu .t-header, #headerMenu .t-grid-header {
    border-color: #ddd;
}

#headerMenu .t-state-hover, #headerMenu .t-state-hover:hover {
    background-color: #E01B53;
}


.ip {
    border: solid 1px #aaa;
    background: url(../Images/bg-input.png) repeat-x top;
    height: 18px;
    display: inline-block;
    padding: 0px 2px 0px 2px;
}

input.ip100, input.ip80 {
    border: solid 1px #aaa;
    background: url(../Images/bg-input.png) repeat-x top;
    margin: 4px 2% 4px 2%;
    width: 95%;
}

input.ip80 {
    width: 70%;
}

select.ddlSexy100 {
    width: 100px;
}

.PanelsPlaceholder {
    height: 100%;
}

.leftPanel {
    background: #f9f9f9;
    margin-right: 10px;
    float: left;
    width: 150px;
    height: 100%;
    border-right: solid 1px #bbb;
}

.P3 .mainPanel {
    margin-right: 180px;
    margin-left: 160px;
    padding: 5px;
}

.P2Right .mainPanel {
    margin-right: 200px;
    padding: 5px;
}

.P2Right .rightPanel, .P3 .rightPanel {
    float: right;
    width: 170px;
    height: 100%;
    background: #fefefe;
}

.H1 {
    background: #666;
    padding: 3px;
    color: #fff;
    height: 16px;
}

hr { 
    display: block;
    padding-top: 1px;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}


.Panel .H2 {
    background: #bbb;
    padding: 3px;
    color: #666;
    height: 16px;
}

.FormButton, .FormButtonGris {
    height: 31px;
    background: url(../Images/bg_barre-rouge_g2.png) no-repeat left 50%;
    padding-left: 8px;
    display: inline-block;
    text-transform: uppercase;
}

    .FormButton a, .FormButtonGris a {
        height: 24px;
        background: url(../Images/bg_barre-rouge_d2.png) no-repeat right 50%;
        color: #fff;
        font-weight: 700;
        display: inline-block;
        text-decoration: none;
        font-size: 11px;
        display: inline-block;
        padding: 7px 20px 0 8px;
    }

.FormButtonGris {
    background: url(../Images/bg_gris_g.png) no-repeat left 50%;
}

    .FormButtonGris a {
        background: url(../Images/bg_gris_d.png) no-repeat right 50%;
        color: #666;
    }

input.BtnRouge {
    padding: 4px 10px 4px 10px;
    background-color: #dd2222;
    text-decoration: none;
    color: #ffffff;
    font-size: 12pt;
    font-weight: bold;
}

.tipsy {
    padding: 5px;
    font-size: 10px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-repeat: no-repeat;
    background-image: url(../Images/tipsy.gif);
}

.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 250px;
    text-align: center;
}

.tipsy-inner {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tipsy-north {
    background-position: top center;
}

.tipsy-south {
    background-position: bottom center;
}

.tipsy-east {
    background-position: right center;
}

.tipsy-west {
    background-position: left center;
}

.ContentBlock {
    border: solid 1px #bbb;
    background: #fefefe;
    margin-top: 4px;
}

    .ContentBlock .H1 {
        color: #666;
        background: #ddd;
        text-transform: uppercase;
        text-align: center;
        font-weight: 700;
        font-size: 10px;
    }

    .ContentBlock .Content {
        padding: 4px;
    }

.b {
    font-weight: 700;
}

.tabalt tr.dark {
    background: #f8f8f8;
}

.tabalt th {
    text-align: right;
    font-weight: 700;
}

.Warning {
    color: Orange;
    font-weight: 700;
}

.TagGreen {
    float: right;
    margin-right: 4px;
    width: 50px;
    border: solid 1px #44aa00;
    background: #ccffaa;
    color: #44aa00;
    text-transform: uppercase;
    text-align: center;
    -moz-corner-radius: 2px;
}

.blueBullet, .TagEtatLOG, .TagEtatTRN, .TagEtatPEC, .TagEtatPMR, .tagMsgDdl {
    border: solid 1px #72ccef!important;
    background: #eef7ff!important;
    color: #72ccef!important;
}

.redBullet, .TagEtatAVA, .TagEtatSAV {
    border-color: #bf0000!important;
    background-color: #ffaaaa!important;
    color: #bf0000 !important;
}

.greenBullet, .Tag {
    display: inline-block;
    margin-right: 4px;
    padding: 0px 2px 0px 2px;
    border: solid 1px #44aa00;
    background: #ccffaa;
    color: #44aa00;
    text-transform: uppercase;
    text-align: center;
    -moz-corner-radius: 3px;
}

.grayBullet, .TagEtatDPC, .TagEtatINFO {
    border: solid 1px #666!important;
    background: #ddd!important;
    color: #666!important;
}

.yellowBullet, .TagEtatNOTIF {
    border: solid 1px #ffc000!important;
    background: #fff4d6!important;
    color: #ffc000!important;
}

.SAVMsg {
    background: #efefef;
    padding: 5px 5px 5px 5px;
}


li.outMsg {
    list-style-image: none;
    list-style-type: none;
    margin: 0px;
}

li.inMsg {
    list-style-image: url(../Images/arrow_left.png);
    background: #fdfdfd;
    border: solid 1px #f2f2f2;
}

.ui-tabs-nav .ui-icon {
    display: inline-block;
}

.redbullet {
    color: #fff;
    background: #ca0047;
    border: solid 1 px maroon;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: inline-block;
    font-size: 9px;
    padding: 0px 3px 0px 3px;
}


.tTip {
    cursor: help;
}

.dark .green {
    background: #bdfc00;
    color: #666;
    font-weight: bold;
}

.green {
    background: #eef9ca;
    color: #666;
    font-weight: bold;
}

a.grandbtn {
    display: block;
    cursor: pointer;
    padding: 2px;
}

    a.grandbtn:hover {
        background: #eee !important;
    }

.lang-select {
    float: right;
    top: 5px;
    right: 5px;
    display: block;
}

.lang-select {
    cursor: pointer;
    background: #f5f5f5;
    font-weight: 700;
}

.lang-select-choice {
    position: absolute;
    width: auto;
    text-align: left;
    display: none;
    border: solid 1px #eee;
    background: #fff;
    z-index: 8000;
}

    .lang-select-choice div {
        height: 16px;
        background-color: #fff;
    }

        .lang-select-choice div:hover {
            background-color: #eee;
        }

        .lang-select-choice div a {
            text-decoration: none;
            color: #666;
            display: block;
        }

.flag {
    padding-left: 23px;
}

.flag-FR {
    background: transparent url(../Images/Icones/flags/FR.png) no-repeat 3px center;
}

.flag-BE {
    background: transparent url(../Images/Icones/flags/BE.png) no-repeat 3px center;
}

.flag-ES {
    background: transparent url(../Images/Icones/flags/ES.png) no-repeat 3px center;
}

.flag-US {
    background: transparent url(../Images/Icones/flags/US.png) no-repeat 3px center;
}

.flag-NL {
    background: transparent url(../Images/Icones/flags/NL.png) no-repeat 3px center;
}

.flag-PT {
    background: transparent url(../Images/Icones/flags/PT.png) no-repeat 3px center;
}


.ui-button {
    margin-left: -1px;
}

.ui-button-icon-only .ui-button-text {
    padding: 0.35em;
}

.ui-autocomplete-input {
    margin: 0;
    padding: 0.48em 0 0.47em 0.45em;
}

.w100 {
    width: 75%;
    background: url(../Images/bg-input.png) repeat-x top !important;
    margin: 3px 0px 3px 3px;
}

.w10 {
    width: 10%;
    background: url(../Images/bg-input.png) repeat-x top !important;
    margin: 3px 0px 3px 3px;
}

.w20 {
    width: 20%;
    background: url(../Images/bg-input.png) repeat-x top !important;
    margin: 3px 0px 3px 3px;
}

texarea.Ip100 {
    width: 100%;
    height: 30px;
}

span.Ip100, span.Ip70, span.Ip50, span.Ip30 {
    display: inline-block!important;
}

.Ip100 {
    width: 80%;
    margin: 3px;
}

.Ip70 {
    width: 65%;
    margin: 3px;
}

.Ip50 {
    width: 50%;
    margin: 3px;
}

.IpFin {
    margin: 1px!important;
}

    .IpFin input {
        padding: 0px 1px!important;
    }

.Ip30 {
    width: 19%;
    margin: 3px;
}

.Ip30p {
    width: 30px;
    margin: 3px;
}

.Ip50p {
    width: 50px;
    margin: 3px;
}

.Ip20p {
    width: 20px;
    margin: 3px;
}

.Ip200p {
    width: 200px;
    margin: 3px;
}

    .Ip100 input, .Ip30 input, .Ip70 input, .Ip30p input, .Ip20p input, .Ip200p input, .Ip50 input {
        padding: 2px;
        width: 100%;
    }

.RequiredField {
    border-right: solid 3px #E01B4C;
}


.AdresseEnseigneBloc {
    padding: 10px;
}

.InfoMsg, .HelpMsg, .ConfirmMsg, .ErrorMsg, .validation-summary-errors {
    background: #fff;
    border: solid 1px #fff;
    color: #bbb;
    padding: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 5px;
}

.InfoMsg {
    background: #fdf5ce;
    border-color: #fbcb09;
    color: #c77405;
}

.HelpMsg {
    background: #D9EDF7;
    border-color: #BCE8F1;
    color: #1B7EE0;
}

.ConfirmMsg {
    background: #BFFA0F;
    border-color: #2C9C06;
    color: #2C9C06;
}

.ErrorMsg {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}

.WarnMsg {
color: #ffa82e;
background-color: #ffd394;
border-color: #fa9200;
}

.validation-summary-errors {
    background: #BFFA0F;
    border-color: #2C9C06;
    color: #2C9C06;
}

.ui-spinner {
    position: relative;
}

.ui-spinner-buttons {
    position: absolute;
}

.ui-spinner-button {
    overflow: hidden;
}

.ajaxLoader {
    position: absolute;
    top: 4px;
    z-index: 10006;
    text-align: center;
    width: 100%;
}

    .ajaxLoader .ajaxMessage {
        background: #fff;
        border: solid 1px #ddd;
        margin-left: auto;
        margin-right: auto;
        width: 200px;
        height: 30px;
        padding: 4px;
        color: #666;
        font-weight: 700;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }


.radioButtonSelected {
    border: solid 1px #44aa00;
    background: #ccffaa;
    color: #44aa00;
    text-transform: uppercase;
    -moz-corner-radius: 3px;
}

.radioButton {
    display: inline-block;
    margin-right: 4px;
    padding: 0px 3px 0px 3px;
    text-align: center;
    height: 20px;
}

.optionFormConfig {
    display: none;
}

.optionFormActive {
    display: block;
}

.moduleIndexLien {
    text-decoration: none;
    display: block;
    float: left;
    border: 1px solid #ccc;
    width: 220px;
    margin: 3px 10px 3px 0px;
    padding: 5px;
    overflow: auto;
    min-height: 60px;
}

.moduleIndexImage, .moduleIndexTexte {
    display: inline-block;
    float: left;
}

.moduleIndexTexte {
    font-size: 12px;
    font-weight: 700;
    color: #666;
    text-decoration: none;
    padding-left: 5px;
}

/** Dashboard */
#homeLayout {
    overflow: auto;
}

#dashboardContent h1, #newsPanel h1 {
    font-size: 30px;
    color: #666;
    font-weight: 700;
    margin: 5px 0px 3px 0px;
    font-family: Calibri, Verdana, Arial;
}

#dashboardContent h2 {
    font-size: 20px;
    color: #aaa;
    font-weight: 100;
    margin: 0px 0px 3px 0px;
    font-family: Calibri, Verdana, Arial;
}

#dashboardContent {
    padding: 10px;
    width: 75%;
    float: left;
}

#newsPanel {
    padding: 10px;
    float: right;
    width: 20%;
}

.news {
    overflow: auto;
    padding-top: 5px;
}

    .news h2 {
        font-size: 12px;
        color: #666;
        margin: none;
        padding: none;
    }

.date {
    float: left;
    width: 50px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: solid 1px #ddd;
}

    .date .d {
        text-align: center;
        font-size: 20px;
        color: #E01B6A;
    }

    .date .y, .date .m {
        text-align: center;
        font-size: 10px;
        background: #ddd;
        padding: 1px;
    }

/**  Fin Dashboard */

/** Icones News */
.news-ico {
    background-position: right 30%;
    background-repeat: no-repeat;
    padding-right: 120px;
}

.news-meteo {
    background-image: url(../Images/Icones/news/meteo.png);
}


#gridValidation .ligne {
    /*display: inline-block;*/
}

#gridValidation .statut {
    float: left;
    margin-right: 5px;
    height: 15px;
    width: 20px;
}

#gridValidation .ligneValide .statut {
    background-color: #BFFA0F;
    color: #577303;
    /*display: block;*/
}

#gridValidation .ligneErreur .statut {
    background-color: #AD0028;
    color: #AD0028;
}

#gridValidation .ligneErreurMetier .statut {
    background-color: #ffc000;
    color: #ffc000;
}

#gridValidation td.celluleErreur {
    background-color: #AD0028;
}

#gridValidation td.celluleErreurMetier {
    background-color: #ffc000;
}

div.t-grid {
    overflow: auto;
}

/** Popup Point relais*/

.PrWrapper {
    overflow: auto;
    padding: 10px;
}

    .PrWrapper h2 {
        font-size: 11px;
    }

    .PrWrapper .locData {
        width: 48%;
        float: left;
    }

    .PrWrapper .dispoData {
        width: 48%;
        float: right;
    }

    .PrWrapper .dispoData {
        width: 48%;
        float: right;
    }

table.horaires {
    width: 100%;
    border: solid 1px #ccc;
}

    table.horaires td, table.horaires th {
        width: 100%;
        border: solid 1px #ddd;
        margin: none;
        width: 33%;
    }

    table.horaires tr th {
        font-weight: 700;
        background: #bbb;
    }

    table.horaires tr.dark {
        background: #ddd;
    }

.DetailPrLink {
    cursor: pointer;
    text-decoration: underline;
    font-weight: 700;
    color: #1B7AE0;
}


/** Fin popup point relais*/

/** Panel formulaire de recherche */

.divRecherche {
    padding-bottom: 50px;
}

    .divRecherche .Content {
        padding: 2px;
        text-align: right;
    }

        .divRecherche .Content div {
            margin: 2px;
        }

/** Formulaire CSV */
a.csvLink {
    display: inline-block;
    padding-left: 20px;
    background: transparent url(../Images/Icones/famfamfam/page_white_excel.png) no-repeat 0% 50%;
}

.Pagination {
    text-align: right;
    padding: 10px;
}

.FeedbackBtn {
    background: transparent url(../Images/Icones/feebackbutton.png) no-repeat scroll 0px 0px;
    height: 100px;
    right: 0;
    position: fixed;
    bottom: 20px;
    width: 24px;
}

    .FeedbackBtn:hover {
        background-position: -25px;
    }

.errorFlag {
    width: 20px;
    height: 20px;
    background: url(../Images/Icones/famfamfam/exclamation.png) no-repeat 50% 50%;
    display: inline-block;
}

/* Index SAV */
tr.nonlu {
    font-weight: bold;
}

td.EtatLecture {
    background: 5px url(../Images/bullet-gray.png) no-repeat;
}

tr.nonlu td.EtatLecture {
    background: 5px url(../Images/bullet-blue.png) no-repeat;
}

td.EtatSurveillance {
    background: none;
}

tr.surveille td.EtatSurveillance {
    background: 0 url(../Images/flag_red.png) no-repeat;
}

/*tr.archive {
    display: none;
}*/
tr.estArchive {
    opacity: 0.4;
}

.FolderLinks Div {
    text-align: left!important;
    background: 0 url(../Images/folder.png) no-repeat;
    padding-left: 20px;
}

    .FolderLinks Div.In a:hover {
        font-weight: 700;
    }

    .FolderLinks Div a {
        text-decoration: none;
    }

.reply {
    background: 0 url(../Images/reply.png) no-repeat;
}

.noheader .t-grid-header {
    display: none;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel, div.star-rating {
    float: left;
    width: 17px;
    height: 15px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden;
}

    div.rating-cancel, div.rating-cancel a {
        background: url(../Images/Icones/famfamfam/delete.gif) no-repeat 0 -16px;
    }

    div.star-rating, div.star-rating a {
        background: url(../Images/Icones/famfamfam/star.gif) no-repeat 0 0px;
    }

        div.rating-cancel a, div.star-rating a {
            display: block;
            width: 16px;
            height: 100%;
            background-position: 0 0px;
            border: 0;
        }

div.star-rating-on a {
    background-position: 0 -16px!important;
}

div.star-rating-hover a {
    background-position: 0 -32px;
}
/* Read Only CSS */
div.star-rating-readonly a {
    cursor: default !important;
}
/* Partial Star CSS */
div.star-rating {
    background: transparent!important;
    overflow: hidden!important;
}
/* END jQuery.Rating Plugin CSS */

/*Mapping Format fichier*/
.InfoMappe {
    background: #BFFA0F;
    border-color: #2C9C06;
    color: #2C9C06;
}

form p {
    margin: 1em 0;
}

    form p.double {
        /* Emp�cher le d�passement des flottants */
        overflow: hidden;
        /* Idem pour IE6 */
        width: 100%;
    }

        form p.double span.premier label {
            float: left;
            width: 20%;
            text-align: right;
            font-weight: bold;
            cursor: pointer;
        }

        form p.double span.deuxieme label {
            width: 20%;
            text-align: right;
            font-weight: bold;
            cursor: pointer;
        }

        form p.double span.deuxieme input,
        form p.double span.deuxieme select form p.double span.deuxieme {
            width: 300px;
            margin-left: 12px;
            padding: 2px 4px;
        }

        form p.double textarea {
            padding: 2px 0 0 4px;
            margin-left: 12px;
            width: 320px;
            height: 6em;
        }


.tiny-logo {
    max-width: 100px;
    max-height: 30px;
}

.grid-cutom-delete .t-grid-delete {
    background: transparent;
    border: 0px;
}

.grid-cutom-delete .t-icon {
    background: transparent url('../images/icones/famfamfam/bin_closed.png') no-repeat center center;
}

div.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10004;
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
    opacity:0;
    background-color:lightgrey;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.infoAPI p {
    padding: 5px;
}

/*-----Parametrage retour simplifie-----*/

 .parametrageRetourSimplifie .semi-bloc-gauche {
        float: left;
        width: 40%;
        height: 75px;
    }

    .parametrageRetourSimplifie .semi-bloc-droite {
        float: left;
        margin-left: 20px;
        width: 40%;
        height: 75px;
    }

    .parametrageRetourSimplifie .bloc {
        float: left;
        width: 100%;
    }

       .parametrageRetourSimplifie .bloc textarea {
            width: 100%;
            height: 100px;
            margin-bottom: 25px;
        }

    .parametrageRetourSimplifie .blocAdresse {
        border-style: solid;
        border-width: 1px;
        padding-left: 5px;
        margin-top:10px;
    }

       .parametrageRetourSimplifie .blocAdresse p {
            margin:2px;
        }

.btnSexy:disabled {
    opacity:0.5;
}

.paginationServeur
{
    padding-right:5px;
}

.paginationServeurSelected
{
    font-weight:bold;
    padding-right:5px;
}

.FolderLinks a {
    font-weight: normal;
}
.FolderLinks a.selected {
    font-weight: bold;
}

/* Le conteneur surveiller a droite */
.SAVMsg .outMsg .conteneurSurveiller{
    float: right;
}
/* Griser si non surveille */
.SAVMsg .outMsg img.actionSurveille, 
.SAVMsg .outMsg img.actionArchive {
    cursor: pointer;
    filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%);
}
/* Ne pas griser si surveille */
.SAVMsg .outMsg img.actionSurveille.estSurveille,
.SAVMsg .outMsg img.actionArchive.estArchive {
    -webkit-filter: grayscale(0%);
    filter: unset;
}

/* Message SAV selectionne */
#divDetailSAV tr.t-state-selected .SAVMsg {
    border: solid 1px #808080;
    background-color: #F4F4FF;
}
/* R�ponse SAV selectionnee */
#divDetailSAV tr.t-state-selected .inMsg {
    border: solid 1px #808080;
    background-color: #D4D4FF;
}

#divDetailSAV tr .actions {
    display: none;
}

#divDetailSAV tr.t-state-selected .actions {
    display: block;
}

.qtip {
    z-index: 15000 !important;
}