html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-family: verdana, Arial, Helvetica, sans-serif;
}

.infoPage {
    width: 780px;
    height: 600px;
    margin: 0 auto;
    text-align: center;
}

/* HOME */
.headerGradient {
    height: 100%;
    background-repeat: no-repeat;
    background: -moz-linear-gradient(top, #8A8A8A, #5C5C5C); /* pour Firefox 3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#8A8A8A), to(#5C5C5C)); /* pour webkit */
    background: -ms-linear-gradient(top, #8A8A8A, #5C5C5C); /* pour IE > 9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8A8A8A', endColorstr='#5C5C5C'); /* pour IE */
}


/*HOME*/
.mainPageGradient {
    height: 100%;
    background-repeat: no-repeat;
    background: -moz-linear-gradient(top, #5C5C5C, white); /* pour Firefox 3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#5C5C5C), to(white)); /* pour webkit */
    background: -ms-linear-gradient(top, #5C5C5C, white); /* pour IE > 9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5C5C5C', endColorstr='white'); /* pour IE */
}

/*HOME*/
.btn_mainPage_valider {
    background-color: #ffffff;
    background-repeat: no-repeat;
    color: black;
    font-size: 8px;
    width: 82px;
    height: 23px;
    border: none;
    vertical-align: top;
    margin-left: 10px;
}

/*HOME*/
.txt_mainPage_case_title {
    font-family: 'Roboto', Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #FFFFFF;
}

/*HOME*/
.txt_mainPage_case_subtitle {
    font-family: 'Roboto', Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: #2DA738;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 18px;

}

/*HOME*/
.txt_mainPage_case_inbox {
    font-family: 'Roboto', Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: #000000;
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;
}

/*HOME*/
.txt_mainPage_inbox_login {
    font-family: 'Roboto', Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: #000000;
}

/*HOME*/
#form_mainPage_login {
    padding-left: 41px;
    padding-top: 35px;
}

/*HOME*/
#form_mainPage_password {
    padding-left: 41px;
    padding-top: 5px;
}

/*HOME*/
#form_mainPage_valider {
    padding-left: 125px;
    padding-top: 15px;
}

/*HOME*/
#form_mainPage_forget {
    padding-left: 125px;
    padding-top: 15px;
}

/*HOME*/
.txt_mainPage_contact {
    font-family: 'Roboto', Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    COLOR: #000000;
    text-align: center;
}

/*HOME*/
.txt_mainPage_slogan {
    font-family: 'Roboto', Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #2DA738;
    text-align: center;
}

/*HOME*/
.txt_mainPage_instruction {
    font-family: 'Roboto', Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    FONT-SIZE: 7px;
    COLOR: #000000;
    text-align: justify;
}

/*HOME*/
.arrondi_mainPage_left, .arrondi_mainPage_right {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(js/pie/PIE.htc);
    -moz-box-shadow: 6px 6px 6px #D0D0D0;
    -webkit-box-shadow: 6px 6px 6px #D0D0D0;
    box-shadow: 6px 6px 6px #D0D0D0;
    background-color: #FFFFFF;
    border: 1px solid grey;
    height: 100%;
    position: relative;
}

/*HOME*/
.label_mainPage {
    display: block;
    width: 90px;
    float: left;
}

#global {
    position: absolute;
    left: 50%;
    width: 780px;
    margin-left: -390px; /* moitie de la largeur */
}

h3 {
    font-size: 16px;
    font-weight: bold;
    color: #535353;
}

label {
    cursor: pointer;
}

table {
    text-align: left;
}

.bouton_mgb {
    font-size: 10px;
    color: #FFFFFF;
    font-family: Tahoma;
    font-weight: bold;
    background: #59b60f;
    border: 1px solid black;
    cursor: pointer;
}

.bouton_mgb_over {
    font-size: 10px;
    color: #000000;
    font-family: Tahoma;
    font-weight: bold;
    background: #59b60f;
    border: 1px solid black;
    cursor: pointer;
}

.txt_base_bold {
    font-family: verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #000000
}

.txt_font_11 {
    FONT-SIZE: 11px;
}

.txt_font_bold {
    FONT-WEIGHT: bold;
}

.txt_font_italique {
    font-style: italic;
}

.txt_erreur {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: red
}

.txt_soustitre_unbold {
    FONT-SIZE: 10px;
    COLOR: #777777
}

.preselTable {
    BORDER-RIGHT: #42947b 1px solid;
    BORDER-TOP: #42947b 1px solid;
    BORDER-LEFT: #42947b 1px solid;
    WIDTH: 362px;
    BORDER-BOTTOM: #42947b 1px solid;
    BACKGROUND-COLOR: #ffffff
}

.titre {
    PADDING-LEFT: 30px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    VERTICAL-ALIGN: middle;
    COLOR: #ffffff;
    background-image: url(../img/degrade.gif);
    background-repeat: repeat-x;
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.titreFont {
    font-family: verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    vertical-align: middle;
    text-align: center;
    COLOR: #ffffff;
}

.titreBackground {
    background-image: url(../img/degrade.gif);
    background-repeat: repeat-x;
}

.titreHeader {
    PADDING-LEFT: 30px;
    FONT-WEIGHT: bold;
    COLOR: #105193;
    font-size: 11px;
}

input:disabled {
    color: #cfcfcf;
}

.StyleVille {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    width: 180px;
}

TD.bandeau, TD.bandeau a, TD.bandeau a:visited, TD.bandeau a:hover {
    background-color: #535353;
    color: white;
    text-decoration: none;
}

.StyleCommune {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    overflow: auto;
    height: 343px;
    width: 180px;
}

.StyleSelection {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    white-space: normal;
    overflow-y: auto;
    height: 445px;
}

.StyleSelectionActivite {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    overflow: auto;
    height: 445px;
    width: 224px;
}

.StyleSelectionCollectivite {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    overflow: auto;
    height: 445px;
    width: 277px;
}

.StyleSelectionTypologie {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    overflow: auto;
    height: 445px;
    width: 288px;
}

.StyleSelectionAffinage {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    overflow: auto;
    height: 445px;
    width: 266px;
}

.StyleTxtTotal {
    font-family: Tahoma;
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
}

.StyleTxtNoir10 {
    font-family: Tahoma;
    font-size: 10px;
    color: #000000;
}

.StyleDptC {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    width: 180px;
}

.StyleColonne {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    overflow: auto;
    height: 445px;
    width: 180px;
}

.StyleColonneIframe {
    border: none;
    width: auto;
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    background: #e9e9e9;
    border-style: none;
}

.StyleZonePrincipale {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    overflow-y: auto;
    overflow-x: hidden;
    height: 445px;
    width: 100%;
}

.StyleCriteres {
    font-size: 9px;
    font-family: Tahoma;
    color: #000000;
    align: left;
}

.StyleTitreCritere {
    font-size: 9px;
    font-family: Tahoma;
    color: #000000;
}

.StyleScrollGris {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    overflow: auto;
    height: 415px;
}

.StyleActivite {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    overflow: auto;
    height: 445px;
    width: 181px;
}

.StyleNbCriteres {
    font-family: Tahoma;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
}

.StyleSaisie {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
}

.StyleNiveau {
    font-family: Tahoma;
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
}

.StyleZoneSelectionConfirmationVal {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    overflow: auto;
    height: 544px;
    width: 100%;
}

.StyleZoneSelectionConfirmation {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    overflow: auto;
    height: 504px;
    width: 256px;
}

.StyleZoneSelectionValidation {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    overflow: auto;
    height: 408px;
    width: 256px;
}

.StyleResultat {
    font-family: Tahoma;
    font-size: 13px;
    color: #000000;
    font-weight: bold
}

.StyleRecap {
    font-family: Tahoma;
    font-size: 13px;
    color: #000000;
}

.StyleTxtNoir12grasRouge {
    font-family: Tahoma;
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
}

.StyleConditions {
    font-family: Tahoma;
    font-size: 10px;
    color: #FF0000;
}

.txt_base_bold {
    font-size: 10px;
    font-weight: bold;
    color: #2A5E51;
    font-family: Tahoma;
}

.txt_base {
    font-size: 10px;
    color: #000000;
    height: 10px;
    font-family: Tahoma;
}

.txt_head {
    font-size: 10px;
    color: #FFFFFF;
    font-family: Tahoma;
}

.txt_erreur {
    font-family: Tahoma;
    font-size: 13px;
    color: red;
    font-weight: bold;
}

DIV.chargementEnCours {
    background: #535353;
    position: absolute;
    visibility: hidden;
}

TABLE.chargementEnCours {
    font-family: Tahoma;
    font-size: 20px;
    color: #2A5E51;
    width: 100%;
}

.txt_soustitre {
    font-size: 10px;
    color: #939796;
    font-family: Tahoma;
    font-weight: bold;
}

.StyleHistorique {
    font-family: Tahoma;
    font-size: 9px;
    color: #000000;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #535353;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #535353;
    scrollbar-darkshadow-color: #535353;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #535353;
    overflow: auto;
    height: 150px;
    width: 750px;
    border: #535353 1px solid;
}

sortable sorted order2
    /*Style pour le displaytag*/
.dataTable {
    background-color: white;
    border: 1px solid #000066;
    font-size: 9px;
    font-family: tahoma;
    margin: 1px;
    width: 100%;
}

.dataTable th {
    border-right: 1px solid #c8c8ff;
    padding-left: 2px;
    padding-right: 3px;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: white;
    background-color: #535353;
    margin-right: 5px;
    white-space: nowrap;
}

#DesaboFileList_wrapper th {
    text-align: center !important;
}

#fileSpan input[type="file"] {
    width: 70% !important;
}

#DesaboFileList {
    width: 100%;
    max-height: 57%;
    overflow-Y: scroll;
}

#DesaboFileList_filter {
    display: none !important;
}

#DesaboFileList_info {
    display: none !important;
}

.dataTable td {
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 9px;
    padding-left: 2px;
}

.dataTable tr.odd {
    background-color: #e9e9e9;
}

.dataTable tr.even {
    background-color: #b6ea8b;
}

.dataTable th a, .dataTable th a:visited {
    text-align: left;
    color: white;
}

.dataTable th a:hover {
    color: #ffcc00;
    background-color: transparent;
}

.dataTable .order1 {
    background-position: right;
    /* background-image: url(../images/arrow_up.gif); */
    background-repeat: no-repeat;
}

.dataTable .order2 {
    background-position: right;
    /* background-image: url(../images/arrow_down.gif); */
    background-repeat: no-repeat;
}

.pagelinks {
    color: #999999;
    margin: 5px;
}

.pagelinks img {
    vertical-align: middle;
}

span.export {
    padding: 0 4px 1px 20px;
    font-size: x-small;
    text-align: center;
}

span.excel {
    /* background-image: url(../images/ico_file_excel.png); */
    background-repeat: no-repeat;
    width: 16px;
}

span.csv {
    /* background-image: url(../images/ico_file_csv.png); */
    background-repeat: no-repeat;
    width: 16px;
}

span.xml {
    /* background-image: url(../images/ico_file_xml.png); */
    background-repeat: no-repeat;
    width: 16px;
}

span.pdf {
    /* background-image: url(../images/ico_file_pdf.png); */
    background-repeat: no-repeat;
    width: 16px;
}

span.rtf {
    /* background-image: url(../images/ico_file_rtf.png); */
    background-repeat: no-repeat;
    width: 16px;
}

.dataTable tr.rowMouseOver {
    /* background-image: url(../images/selected.gif); */
    background-repeat: repeat-x;
    background-color: #ffff99;
}

.pageHeader {
    height: 15px;
    /* background-image: url(../images/header.gif); */
    background-repeat: repeat-x;
}

.pageHeaderText {
    font-size: 10px;
    margin-left: 5px;
    color: whitesmoke;
    font-family: tahoma, "century gothic", verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    display: inline;
    white-space: nowrap;
}

.date_req {
    width: 15%;
    text-align: left;
    white-space: nowrap;
}

.nom_utilisateur {
    width: 15%;
    text-align: left;
}

.ref {
    text-align: left;
    width: 40%;
}

.type {
    width: 15%;
    text-align: center;
}

.qte {
    text-align: center;
    width: 10%;
}

.media {
    text-align: center;
    width: 5%;
}

.mediaPack {
    WIDTH: 1%;
    TEXT-ALIGN: center
}

.mediaPackLeft {
    WIDTH: 1%;
    TEXT-ALIGN: left;
    WHITE-SPACE: nowrap;
}

.mediaPackExample {
    WIDTH: 1%;
    TEXT-ALIGN: left;
    WHITE-SPACE: normal;
}

.actions {
    text-align: center;
    width: 10%;
}

.borderedInline {
    display: inline;
    border: 1px solid black;
}

/* HOME chgt color de 000099 à  2DA738 */
a:link {
    color: #2DA738;
    text-decoration: none;
    background-color: transparent;
    font-weight: bold;
    cursor: pointer;
}

/* HOME chgt color de 000099 à  2DA738 */
a:visited {
    color: #2DA738;
    text-decoration: none;
    background-color: transparent;
    font-weight: bold;
    cursor: pointer;
}

a:hover {
    color: #d68000;
    background-color: transparent;
    font-weight: bold;
    cursor: pointer;
}

img {
    border: 0px;
}

.lightBackground {
    BACKGROUND-COLOR: #E9E9E9
}

.imgHeader {
    height: 90px;
}

.txt_freenews {
    color: white;
    font-weight: bold;
}

/* marque blanche */
.bg1 {
    BACKGROUND-COLOR: #00478A
}

.bg2 {
    BACKGROUND-COLOR: #0273B0
}

.bg3 {
    BACKGROUND-COLOR: #211D67
}

.bg4 {
    BACKGROUND-COLOR: #5C5C5C
}

/*HOME*/
.bg5 {
    BACKGROUND-COLOR: #535353
}

.bg6 {
    BACKGROUND-COLOR: #C9E5FF
}

.bg7 {
    BACKGROUND-COLOR: #CCCCCC
}

.bg8 {
    BACKGROUND-COLOR: #e9e9e9
}

.bg9 {
    BACKGROUND-COLOR: #E0F4FF
}

.bg10 {
    BACKGROUND-COLOR: #FFFFFF
}