﻿/* pour ie7 : on rajoute une étoile avant la déclaration de la propriété 
exemple : 
    .imgValider
    {
        display: inline-table;
        width: 18px;
        height: 18px;
        *float: left;
    }
*/


/* GENERAL */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, li, ol, dl, dt, dd, form, a, fieldset, input, th, td
{
    border: 0;
    outline: none;
    margin: 0;
    padding: 0;
}

p
{
    text-align: justify;
    padding-bottom: 5px;
    padding-top: 5px;
}

.tableSaisie
{
    border-spacing: 5px;
}

.tableSaisie .tableLibelle
{
    text-align: right;
    vertical-align: top; /*padding-left: 15px;*/
}

.tableSaisie .tableDonnee
{
    font-weight: bold;
    vertical-align: top; /*padding-left: 15px;*/
}
/*.bl2Content .tableSaisie .tableLibelle
{
    text-align: right;
    padding: 0px;
}*/

.bl2SubBlocks .blockLevel2 .bl2Content
{
    text-align: left;
    padding: 0px;
}

.tableSaisie .tableValeurGras
{
    padding-left: 23px;
    font-weight: bold;
}

.tableSaisie .tableValeurGrasAligneSurLaDroite
{
    padding-right: 125px;
    font-weight: bold;
    text-align: right;
}

.tableSaisie .tableValeur
{
    padding-left: 23px;
}

.listeGenerique
{
    width: 246px;
}

*
{
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: small;
}

img
{
    border: none;
    display: inline-table;
}

img#imgAttestationCarteVitale
{
    display: inline;
}

a:link, a:visited, a:hover, a:active
{
    text-decoration: none;
}

input, textarea
{
    border: 1px #999 solid;
    font-weight: normal;
    color: #000;
    margin: 0px;
    overflow-y: auto;
}

input[disabled]
{
    border: 1px #999 solid;
    background-color: #EEEEEE;
    color: #999;
}
input[readonly]
{
    border: none;
}

input[type=radio]
{
    border: 0px;
    font-weight: normal;
    color: #000;
    margin: 0px;
    padding-left: 3px;
    overflow-y: auto;
}

input[type=checkbox]
{
    border: 0px;
    font-weight: normal;
    color: #000;
    margin: 0px;
    overflow-y: auto;
}

input[type=image]
{
    border: 0px;
    font-weight: normal;
    color: #000;
    margin: 0px;
    overflow-y: auto;
    display: inline-table;
}

input[type=submit], input[type=button]
{
    border: 0px;
}
select
{
    font-weight: normal;
    color: #000;
    margin: 0px;
}

.dateTextbox
{
    float: left;
}

.ui-datepicker-trigger
{
    background-repeat: no-repeat;
    background: url('Images/sprite.png');
    background-position: 0px -486px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-left: 5px;
}

.ui-datepicker-trigger:hover
{
    background-position: -18px -486px;
}

.ui-datepicker-trigger[disabled]
{
    background-position: 0px -486px;
    filter: alpha(opacity=30);
    cursor: default;
}

/* TEXTES */

.section
{
    display: block;
}

.section .sHeader
{
    height: 25px;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 6px;
}

.section .sHeader .shImage
{
    /*  float: left;     margin-top: 7px;     background-image: url('Images/sprite.png');     background-position: 140px 140px;     width: 11px;     height: 11px;*/
}

.section .sHeader .shTitle
{
    margin-left: 4px;
    color: #D00019;
    font-size: 18px;
    font-weight: normal;
}

.section .sHeader .shBar
{
    float: right;
}

.section .sContent
{
    margin: 6px 12px 6px 12px;
}

.section .scImage
{
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
    margin-left: 10px;
    display: block;
    background: url('Images/sprite.png') 100px 180px;
    width: 18px;
    height: 18px;
}

.section .seImage
{
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
    margin-left: 10px;
    background-image: url('Images/sprite.png');
    width: 18px;
    height: 18px;
    display: block;
    background-position: 100px 180px;
}

.subSection
{
    display: block;
}

.subSection .ssHeader
{
    height: 20px;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 6px;
}

.subSection .ssHeader .sshImage
{
    /* float: left;     margin-top: 7px;     background-image: url('Images/sprite.png');     background-position: 160px 140px;     width: 8px;     height: 8px;*/
}

.subSection .ssHeader .sshTitle
{
    margin-left: 4px;
    color: #D00019;
    font-size: 15px;
}

.subSection .ssHeader .sshBar
{
    float: right;
}

.subSection .ssContent
{
    margin: 6px 12px 6px 12px;
}

.errorSection
{
    display: block;
}

.errorSection ul
{
    display: none;
}

.errorSection .esHeader
{
    height: 25px;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 6px;
}

.errorSection .esHeader .eshImage
{
    float: left;
    background-image: url('Images/sprite.png');
    background-position: -18px -1253px;
    width: 18px;
    height: 18px;
}

.errorSection .esHeader .eshTitle
{
    margin-left: 4px;
    color: #D00019;
    font-size: 15px;
    vertical-align: middle;
    font-weight: normal;
}

.errorSection .esContent
{
    margin: 6px 12px 6px 12px;
    background-color: #fff;
    padding-left: 10px;
    color: #D00019;
}

.erreurSection
{
    background-color: #fff;
    padding-left: 30px;
    color: #D00019 !important;
    padding-bottom: 10px;
}

.erreurSection ul
{
    padding-left: 30px;
}

.alerteSection
{
    padding-left: 30px;
}

/* TABCONTAINER */
/*----------------------------------*/
.tabHeaderCSS .ajax__tab_body
{
    border: 1px solid #999999;
    padding: 5px;
    background-color: #ffffff;
}

.tabHeaderCSS .ajax__tab_header
{
    cursor: none;
    margin-bottom: -1px;
    font-size: 12px;
    border-bottom: 1px solid #fff;
}
.tabHeaderCSS .ajax__tab_outer
{
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    background-color: #DDDDDD; 
    padding: .5em 1em;    

}
.tabHeaderCSS .ajax__tab_inner
{
    background-image: none;
    background-color: #fff;
    background-color: #DDDDDD;
}
.tabHeaderCSS .ajax__tab_tab
{
    color: #000;
}

.tabHeaderCSS .ajax__tab_active .ajax__tab_outer
{
    background-color: #fff;
}
.tabHeaderCSS .ajax__tab_active .ajax__tab_inner
{
    font-weight: bold;
    cursor: pointer;
    background-image: none;
    background-color: #fff;
}
.tabHeaderCSS .ajax__tab_active .ajax__tab_tab
{
    color: #D00019;
}

.tabHeaderCSS .ajax__tab_prec .ajax__tab_outer
{
}
.tabHeaderCSS .ajax__tab_prec .ajax__tab_inner
{
    cursor: pointer;
}
.tabHeaderCSS .ajax__tab_prec .ajax__tab_tab
{
    color: #000;
}

.tabHeaderCSS .ajax__tab_disabled .ajax__tab_outer
{
    background-color: #EEEEEE;
}

.tabHeaderCSS .ajax__tab_disabled .ajax__tab_inner
{
    background-color: #EEEEEE;
    cursor: default;
}

.tabHeaderCSS .ajax__tab_disabled .ajax__tab_tab
{
    color: #BBBBBB;
}

/* BLOCS */
/*----------------------------------*/
.tabHeaderCSS .blockLevel1
{
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
    border-collapse: separate;
    cursor: default;
}

.tabHeaderCSS .blockLevel1 .bl1Header
{
    display: block;
    height: 26px;
    cursor: default;
}

.tabHeaderCSS .blockLevel1 .bl1HeaderPre
{
}

.tabHeaderCSS .blockLevel1 .bl1Header .bl1Title
{
    padding-top: 0px; /* background-color: #999999;*/ /*  background-color: #666666; */
    height: 16px;
    background-image: none;
    padding-right: -30px;
    color: #777777;
    font-size: 12px;
    font-weight: bold;
    float: left;
    text-transform: none;
    margin-left: 4px;
}

.tabHeaderCSS .blockLevel1 .bl1Header .bl1Image
{
    display: none;
    float: right;
    margin-top: 3px;
    margin-left: 2px;
    margin-right: 5px;
    background: url('Images/sprite.png');
    width: 18px;
    height: 18px;
}

.tabHeaderCSS .blockLevel1 .bl1Header .bl1Help
{
    margin-left: 12px;
    margin-right: 12px;
    float: left;
    display: block;
    padding-top: 1px;
    text-decoration: underline;
}

.tabHeaderCSS .blockLevel1 .bl1Header .bl1Help .imgAide
{
    float: left;
}

.tabHeaderCSS .blockLevel1.bl1Expanded > .bl1Header, .tabHeaderCSS .blockLevel1.bl1Collapsed > .bl1Header
{
    display: block;
    cursor: default;
}

.tabHeaderCSS .blockLevel1.bl1Collapsed > .bl1Header
{
    border: solid 0px #CCC;
}

.tabHeaderCSS .blockLevel1.bl1Expanded > .bl1Header:hover, .tabHeaderCSS .blockLevel1.bl1Collapsed > .bl1Header:hover
{
    background-color: #D00019;
}

.tabHeaderCSS .blockLevel1.bl1Expanded > .bl1Header .bl1Image
{
    display: block;
    background-position: -18px -126px;
}

.tabHeaderCSS .blockLevel1.bl1Expanded > .bl1Header .bl1Image:hover
{
    display: block;
    background-position: -18px -126px;
}

.tabHeaderCSS .blockLevel1.bl1Collapsed > .bl1Header .bl1Image
{
    display: block;
    background-position: 0px -90px;
}

.tabHeaderCSS .blockLevel1.bl1Collapsed > .bl1Header .bl1Image:hover
{
    display: block;
    background-position: 0px -90px;
}

.tabHeaderCSS .blockLevel1 .bl1Header .bl1Title div
{
    margin: 0px;
    display: block;
}

.tabHeaderCSS .blockLevel1 .bl1Header .bl1Title div span
{
}

.tabHeaderCSS .blockLevel1 .bl1Content
{
    padding: 5px;
    margin-bottom: 10px;
}

.tabHeaderCSS .blockLevel1 .bl1Content table
{
}

.tabHeaderCSS .blockLevel1.bl1Expanded > *
{
    display: block;
}

.tabHeaderCSS .blockLevel1.bl1Collapsed > *
{
    display: none;
}

.tabHeaderCSS .blockLevel1 .bl1SubBlocks
{
    width: 100%;
    display: inline-block; /* border: solid 1px #2479ce;*/
    margin-bottom: 10px;
}
/*------------------------------*/

.blockLevel1
{
    display: block;
    margin-bottom: 15px; /* border: solid 1px #CCC;*/
    margin-right: 15px;
}

.blockLevel1 .bl1Header
{
    height: 26px;
    background-color: #DDDDDD; /* border-bottom: solid 1px #CCC;*/
    vertical-align: middle;
}

.blockLevel1 .bl1HeaderPre
{
}

.blockLevel1 .bl1Header .bl1Help .imgAide
{
    float: left;
}

.blockMargined
{
    margin-left: 1%;
    margin-right: 1%;
}

.blockLevel1 .bl1Header .bl1Image
{
    display: none;
    float: right;
    margin-top: 3px;
    margin-left: 2px;
    margin-right: 5px;
    background: url('Images/sprite.png');
    width: 18px;
    height: 18px;
}

.blockLevel1.bl1Expanded > .bl1Header, .blockLevel1.bl1Collapsed > .bl1Header
{
    display: block;
    cursor: pointer;
}

.blockLevel1.bl1Collapsed > .bl1Header
{
    border-bottom: solid 0px #CCC;
}

.blockLevel1.bl1Expanded > .bl1Header:hover, .blockLevel1.bl1Collapsed > .bl1Header:hover
{
    background-color: #BBBBBB;
}

.blockLevel1.bl1Expanded > .bl1Header .bl1Image
{
    display: block;
    background-position: -18px -126px;
}

.blockLevel1.bl1Expanded > .bl1Header .bl1Image:hover
{
}

.blockLevel1.bl1Collapsed > .bl1Header .bl1Image
{
    display: block;
    background-position: 0px -90px;
}

.blockLevel1.bl1Collapsed > .bl1Header .bl1Image:hover
{
}

.blockLevel1 .bl1Header .bl1Title
{
    margin-left: 4px;
    color: #777777;
    font-size: 12px;
    font-weight: bold;
    float: left;
    margin-top: 5px;
}

.blockLevel1 .bl1Header .bl1Title div
{
    margin: 0px;
    display: block;
}

.blockLevel1 .bl1Header .bl1Title div span
{
}

.blockLevel1 .bl1Header .bl1Help
{
}

.bl1Content table th
{
    background-color: #ffffff;
    color: #999999;
    height: 22px;
}

.bl1Content table td
{
    padding: 1px 1px 1px 3px;
}

.blockLevel1 .bl1Content
{
    margin: 10px;
}

.blockLevel1.bl1Expanded > *
{
    display: block;
}

.bl1SubBlocks table
{
    border-collapse: collapse;
}

.bl1SubBlocks table .rgptDomaine
{
    background-color: #666666;
    color: #fff;
}

.bl1SubBlocks table .rgptSousDomaine
{
    background-color: #DDDDDD;
    color: #fff;
}

.bl1SubBlocks table th
{
    background-color: #ffffff;
    color: #999999;
    height: 22px;
}

.bl1SubBlocks table td
{
    height: 16px;
}

.bl1SubBlocks table .bordureDroite
{
    border-right: 1px solid #fff;
}



.blockLevel1.bl1Collapsed > *
{
    display: none;
}

.blockLevel1 .bl1SubBlocks
{
    display: inline-block;
    width: 100%;
}

.blockLevel2
{
    float: left;
}

.blockLevel2 .bl2Header
{
    height: 16px;
    margin: 5px 10px 0px 10px;
}

.blockLevel2 .bl2HeaderPre
{
    background-color: #666666;
    width: 10px;
    background-image: none;
    float: left;
    height: 16px;
}

.blockLevel2 .bl2Header .bl2Title
{
    color: #D00019;
    font-size: 12px;
    font-weight: bold;
}

.blockLevel2 .bl2Content
{
    margin: 0px 10px 10px 10px;
    padding: 10px; /* border: solid 1px #CCC;*/
}

.blockLevel2 .bl2Content table
{
    margin: 5px;
}

.blockLevel2 .bl2Header .bl2Image
{
    display: none;
    float: left;
    margin-top: 3px;
    margin-right: 6px;
    background-image: url('Images/sprite.png');
    width: 11px;
    height: 11px;
}

.blockLevel2 .bl2Header .bl2Title div
{
    display: block;
}

.blockLevel2 .bl2Header .bl2Title div span
{
}

/* BOUTONS */
.buttonBar
{
    height: 25px;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 5px; /*border-top: dashed 1px #666;*/
}
.buttonBar .mandatoryField
{
    margin-right: 12px;
    color: #d00019;
    float: left;
    font-weight: normal;
}

.buttonBarInner
{
    /* border-top: Dashed 1px #d9d9d9;*/
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: right;
}

.buttonBarInner .mandatoryField
{
    margin-left: 12px;
    color: #d00019;
    float: left;
    font-weight: normal;
}

.buttonBarTabControl .buttonBarInner
{
    width: 100%;
    float: right;
    right: 20px;
    height: 25px;
    border-top: none;
    bottom: 0;
    left: 0;
}

.ui-dialog .buttonBar /* ui-dialog: JQuery CSS class */
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-top: none;
    float: right;
}

.buttonBarInner .button, .buttonSecondaire
{
    margin-left: 4px;
    margin-right: 4px;
    padding: 2px 6px 2px 6px;
    cursor: pointer;
}

.buttonBarInner .button
{
    background-color: #999999; /*  border-top: 1px solid #999999;     border-bottom: 1px solid #999999;     border-left: 1px solid #999999;     border-right: 1px solid #999999;*/
    color: #ffffff;
}

.buttonBarInner .buttonSecondaire
{
    background-color: #DDDDDD;
    color: #666666;
}

.button, .buttonSecondaire
{
    margin-left: 4px;
    margin-right: 4px;
    padding: 2px 6px 2px 6px;
    cursor: pointer;
}

.button
{
    background-color: #999999; /* border-top: 1px solid #999999;      border-bottom: 1px solid #999999;      border-left: 1px solid #999999;      border-right: 1px solid #999999; /*/
    color: #ffffff;
}

.button:hover
{
    /*   border-top: 1px solid #666666;      border-bottom: 1px solid #666666;     border-left: 1px solid #666666;      border-right: 1px solid #666666; */
    background-color: #d00019;
    color: #ffffff;
}

.button[disabled], .button[disabled]:hover
{
    background-color: #EEEEEE; /*  border-top: 1px solid #EEEEEE;      border-bottom: 1px solid #EEEEEE;      border-left: 1px solid #EEEEEE;      border-right: 1px solid #EEEEEE; */
    color: #ffffff;
    cursor: default;
}

/* bouton secondaire */
.buttonSecondaire
{
    background-color: #DDDDDD;
    color: #666666;
}

.buttonSecondaire:hover
{
    background-color: #999999;
    color: #ffffff;
}

.buttonSecondaire[disabled], .buttonSecondaire[disabled]:hover
{
    background-color: #EEEEEE;
    color: #ffffff;
    cursor: default;
}


/* IMAGES */
.imgValider
{
    display: inline-table;
    background: url('Images/sprite.png') 0px 0px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgValider:hover, .imgValiderAlt:hover
{
    background-position: -18px 0px;
}
.imgValider[disabled]
{
    background-position: 0px 0px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgValiderAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px 0px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgAnnuler
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -18px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgAnnuler:hover, .imgAnnulerAlt:hover
{
    background-position: -18px -18px;
}
.imgAnnuler[disabled]
{
    background-position: 0px -18px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgAnnulerAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -18px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgDeco
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -18px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgDeco:hover, .imgDecoAlt:hover
{
    background-position: -18px -18px;
}
.imgDeco[disabled]
{
    background-position: 0px -18px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgDecoAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -18px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}




.imgAjouter
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -36px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgAjouter:hover, .imgAjouterAlt:hover
{
    background-position: -18px -36px;
}
.imgAjouter[disabled]
{
    background-position: 0px -36px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgAjouterAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -36px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgSupprimer
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -54px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgSupprimer:hover, .imgSupprimerAlt:hover
{
    background-position: -18px -54px;
}
.imgSupprimer[disabled]
{
    background-position: 0px -54px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgSupprimerAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -54px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}

.imgGauche
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -72px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgGauche:hover, .imgGaucheAlt:hover
{
    background-position: -18px -72px;
}
.imgGauche[disabled]
{
    background-position: 0px -72px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgGaucheAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -72px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}

.imgDroite
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -90px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgDroite:hover, .imgDroiteAlt:hover
{
    background-position: -18px -90px;
}
.imgDroite[disabled]
{
    background-position: 0px -90px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgDroiteAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -90px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}

.imgHaut
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -108px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgHaut:hover, .imgHautAlt:hover
{
    background-position: -18px -108px;
}
.imgHaut[disabled]
{
    background-position: 0px -108px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgHautAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -108px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgBas
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -126px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgBas:hover, .imgBasAlt:hover
{
    background-position: -18px -126px;
}
.imgBas[disabled]
{
    background-position: 0px -126px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgBasAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -126px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgVersGauche
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -144px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgVersGauche:hover, .imgVersGaucheAlt:hover
{
    background-position: -18px -144px;
}
.imgVersGauche[disabled]
{
    background-position: 0px -144px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgVersGaucheAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -144px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgVersDroite
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -162px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgVersDroite:hover, .imgVersDroiteAlt:hover
{
    background-position: -18px -162px;
}
.imgVersDroite[disabled]
{
    background-position: 0px -162px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgVersDroiteAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -162px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgPlus
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -180px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgPlus:hover, .imgPlusAlt:hover
{
    background-position: -18px -180px;
}
.imgPlus[disabled]
{
    background-position: 0px -180px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgPlusAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -180px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgMoins
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -198px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgMoins:hover, .imgMoinsAlt:hover
{
    background-position: -18px -198px;
}
.imgMoins[disabled]
{
    background-position: 0px -198px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgMoinsAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -198px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgDetail
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -216px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgDetail:hover, .imgDetailAlt:hover
{
    background-position: -18px -216px;
}
.imgDetail[disabled]
{
    background-position: 0px -216px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgDetailAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -216px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}

.imgModifier
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -234px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgModifier:hover, .imgModifierAlt:hover
{
    background-position: -18px -234px;
}
.imgModifier[disabled]
{
    background-position: 0px -234px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgModifierAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -234px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgVerrouiller
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -252px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgVerrouiller:hover, .imgVerrouillerAlt:hover
{
    background-position: -18px -252px;
}
.imgVerrouiller[disabled]
{
    background-position: 0px -252px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgVerrouillerAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -252px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgRafraichir
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -270px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgRafraichir:hover, .imgRafraichirAlt:hover
{
    background-position: -18px -270px;
}
.imgRafraichir[disabled]
{
    background-position: 0px -270px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgRafraichirAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -270px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}




.imgSauver
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -288px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgSauver:hover, .imgSauverAlt:hover
{
    background-position: -18px -288px;
}
.imgSauver[disabled]
{
    background-position: 0px -288px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgSauverAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -288px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}

.imgImprimer
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -306px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgImprimer:hover, .imgImprimerAlt:hover
{
    background-position: -18px -306px;
}
.imgImprimer[disabled]
{
    background-position: 0px -306px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgImprimerAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -306px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgImprimerHeader
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -306px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgImprimerHeader:hover
{
    background-position: -18px -306px;
}
.imgImprimerHeader[disabled]
{
    background-position: 0px -306px;
    filter: alpha(opacity=30);
    cursor: default;
}
/* fin TODO */


.imgInformation
{
    display: inline-table;
    background: url('Images/sprite.png') -18px -324px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgInformation:hover
{
    background-position: -18px -324px;
}
.imgInformation[disabled]
{
    background-position: -18px -324px;
    filter: alpha(opacity=30);
    cursor: default;
}


.imgAide
{
    display: inline-table;
    background: url('Images/sprite.png') -18px -342px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgAide:hover
{
    background-position: -18px -342px;
}
.imgAide[disabled]
{
    background-position: -18px -342px;
    filter: alpha(opacity=30);
    cursor: default;
}


.imgAideHeader
{
    display: inline-table;
    background: url('Images/sprite.png') -18px -342px no-repeat;
    width: 18px;
    height: 18px; *float:left;
margin:0px8px;
}
.imgAideHeader:hover
{
    background-position: -18px -342px;
}
.imgAideHeader[disabled]
{
    background-position: -18px -342px;
    filter: alpha(opacity=30);
    cursor: default;
}



.imgAidebl2
{
    display: inline-block;
    background: url('Images/sprite.png') -18px -342px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgAidebl2:hover
{
    background-position: -18px -342px;
}
.imgAidebl2[disabled]
{
    background-position: -18px -342px;
    filter: alpha(opacity=30);
    cursor: default;
}


.imgDeconnecterHeader
{
    /* margin: 0px 8px;     display: inline-table;     background-repeat: no-repeat;     background: url('Images/sprite.png');     background-position: 354px 126px;     width: 72px;     height: 44px; *float:left;*/
}
.imgDeconnecterHeader:hover
{
    /*  background-position: 428px 126px;*/
}
.imgDeconnecterHeader[disabled]
{
    /*background-position: 354px 126px;     filter: alpha(opacity=30);     cursor: default;*/
}



.imgPieceJointe
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -360px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgPieceJointe:hover, .imgPieceJointeAlt:hover
{
    background-position: -18px -360px;
}
.imgPieceJointe[disabled]
{
    background-position: 0px -360px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgPieceJointeAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -360px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}

.imgFeuille
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -378px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgFeuille:hover, .imgFeuilleAlt:hover
{
    background-position: -18px -378px;
}
.imgFeuille[disabled]
{
    background-position: 0px -378px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgFeuilleAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -378px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgCorbeille
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -396px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgCorbeille:hover, .imgCorbeilleAlt:hover
{
    background-position: -18px -396px;
}
.imgCorbeille[disabled]
{
    background-position: 0px -396px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgCorbeilleAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -396px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgCourrier
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -414px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgCourrier:hover, .imgCourrierAlt:hover
{
    background-position: -18px -414px;
}
.imgCourrier[disabled]
{
    background-position: 0px -414px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgCourrierAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -414px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgCalculatrice
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -432px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgCalculatrice:hover, .imgCalculatriceAlt:hover
{
    background-position: -18px -432px;
}
.imgCalculatrice[disabled]
{
    background-position: 0px -432px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgCalculatriceAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -432px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgGraphique
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -450px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgGraphique:hover, .imgGraphiqueAlt:hover
{
    background-position: -18px -450px;
}
.imgGraphique[disabled]
{
    background-position: 0px -450px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgGraphiqueAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -450px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgMaison
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -468px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgMaison:hover, .imgMaisonAlt:hover
{
    background-position: -18px -468px;
}
.imgMaison[disabled]
{
    background-position: 0px -468px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgMaisonAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -468px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}



.imgCalendrier
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -486px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgCalendrier:hover, .imgCalendrierAlt:hover
{
    background-position: -18px -486px;
}
.imgCalendrier[disabled]
{
    background-position: 0px -486px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgCalendrierAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -486px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}



.imgPersonne
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -504px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgPersonne:hover, .imgPersonneAlt:hover
{
    background-position: -18px -504px;
}
.imgPersonne[disabled]
{
    background-position: 0px -504px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgPersonneAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -504px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}



.imgSimulation
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -522px no-repeat;
    width: 18px; *float:left;
height:18px;
}
.imgSimulation:hover, .imgSimulationAlt:hover
{
    background-position: -18px -522px;
}
.imgSimulation[disabled]
{
    background-position: 0px -522px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgSimulationAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -522px no-repeat;
    width: 18px; *float:left;
height:18px;
}


.imgTelecharger
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -540px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgTelecharger:hover, .imgTelechargerAlt:hover
{
    background-position: -18px -540px;
}
.imgTelecharger[disabled]
{
    background-position: 0px -540px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgTelechargerAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -540px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}



.imgProcess
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -558px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgProcess:hover, .imgProcessAlt:hover
{
    background-position: -18px -558px;
}
.imgProcess[disabled]
{
    background-position: 0px -558px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgProcessAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -558px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}

.imgDecrocher
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -576px no-repeat;
    width: 18px; *float:left;
height:18px;
}
.imgDecrocher:hover, .imgDecrocherAlt:hover
{
    background-position: -18px -576px;
}
.imgDecrocher[disabled]
{
    background-position: 0px -576px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgDecrocherAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -576px no-repeat;
    width: 18px; *float:left;
height:18px;
}


.imgRaccrocher
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -594px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgRaccrocher:hover, .imgRaccrocherAlt:hover
{
    background-position: -18px -594px;
}
.imgRaccrocher[disabled]
{
    background-position: 0px -594px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgRaccrocherAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -594px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgMail
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -612px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgMail:hover, .imgMailAlt:hover
{
    background-position: -18px -612px;
}
.imgMail[disabled]
{
    background-position: 0px -612px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgMailAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -612px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}


.imgClicToMsi
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -630px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgClicToMsi:hover, .imgClicToMsiAlt:hover
{
    background-position: -18px -630px;
}
.imgClicToMsi[disabled]
{
    background-position: 0px -630px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgClicToMsiAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -630px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}



.imgWord
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -648px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgWord:hover
{
    background-position: -18px -648px;
}
.imgWord[disabled]
{
    background-position: 0px -648px;
    filter: alpha(opacity=30);
    cursor: default;
}


.imgExcel
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -666px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgExcel:hover
{
    background-position: -18px -666px;
}
.imgExcel[disabled]
{
    background-position: 0px -666px;
    filter: alpha(opacity=30);
    cursor: default;
}

.imgPpt
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1350px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgPpt:hover
{
    background-position: -18px -1350px;
}
.imgPpt[disabled]
{
    background-position: 0px -1350px;
    filter: alpha(opacity=30);
    cursor: default;
}

.imgPdf
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -684px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgPdf:hover
{
    background-position: -18px -684px;
}
.imgPdf[disabled]
{
    background-position: 0px -684px;
    filter: alpha(opacity=30);
    cursor: default;
}



.imgSelect
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -216px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgSelect:hover, .imgSelectAlt:hover
{
    background-position: -18px -216px;
}

.imgSelect[disabled]
{
    background-position: 0px -216px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgSelectAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -216px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}

.imgDefaire
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -702px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgDefaire:hover, .imgDefaireAlt:hover
{
    background-position: -18px -702px;
}
.imgDefaire[disabled]
{
    background-position: 0px -702px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgDefaireAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -702px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}

.imgRetablir
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -720px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgRetablir:hover, .imgRetablirAlt:hover
{
    background-position: -18px -720px;
}
.imgRetablir[disabled]
{
    background-position: 0px -720px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgRetablirAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -720px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}

.imgRefaire
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -738px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}
.imgRefaire:hover, .imgRefaireAlt:hover
{
    background-position: -18px -738px;
}
.imgRefaire[disabled]
{
    background-position: 0px -738px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgRefaireAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -738px no-repeat;
    width: 18px;
    height: 18px; *float:left;
}

.imgListeSuivant
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -756px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}
.imgListeSuivant:hover, .imgListeSuivantAlt:hover
{
    background-position: -18px -756px;
}
.imgListeSuivant[disabled]
{
    background-position: 0px -756px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgListeSuivantAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -756px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}


.imgListePrecedent
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -768px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}
.imgListePrecedent:hover, .imgListePrecedentAlt:hover
{
    background-position: -18px -768px;
}
.imgListePrecedent[disabled]
{
    background-position: 0px -768px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgListePrecedentAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -768px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}


.imgListeDernier
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -780px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}
.imgListeDernier:hover, .imgListeDernierAlt:hover
{
    background-position: -18px -780px;
}
.imgListeDernier[disabled]
{
    background-position: 0px -780px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgListeDernierAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -780px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}

.imgListePremier
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -792px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}
.imgListePremier:hover, .imgListePremierAlt:hover
{
    background-position: -18px -792px;
}
.imgListePremier[disabled]
{
    background-position: 0px -792px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgListePremierAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -792px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}


.imgListeDetail
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -804px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}
.imgListeDetail:hover, .imgListeDetailAlt:hover
{
    background-position: -18px -804px;
}
.imgListeDetail[disabled]
{
    background-position: 0px -804px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgListeDetailAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -804px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}

.imgListeModifier
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -816px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}
.imgListeModifier:hover, .imgListeModifierAlt:hover
{
    background-position: -18px -816px;
}
.imgListeModifier[disabled]
{
    background-position: 0px -816px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgListeModifierAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -816px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}

.imgListeValider
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -828px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}
.imgListeValider:hover, .imgListeValiderAlt:hover
{
    background-position: -18px -828px;
}
.imgListeValider[disabled]
{
    background-position: 0px -828px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgListeValiderAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -828px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}



.imgListeAnnuler
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -840px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}
.imgListeAnnuler:hover, .imgListeAnnulerAlt:hover
{
    background-position: -18px -840px;
}
.imgListeAnnuler[disabled]
{
    background-position: 0px -840px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgListeAnnulerAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -840px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}


.imgListeAjouter
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -852px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}
.imgListeAjouter:hover, .imgListeAjouterAlt:hover
{
    background-position: -18px -852px;
}
.imgListeAjouter[disabled]
{
    background-position: 0px -852px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgListeAjouterAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -852px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}

.imgListeSupprimer
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -864px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}
.imgListeSupprimer:hover, .imgListeSupprimerAlt:hover
{
    background-position: -18px -864px;
}
.imgListeSupprimer[disabled]
{
    background-position: 0px -864px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgListeSupprimerAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -864px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}

.imgListeRefaire
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -876px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}
.imgListeRefaire:hover, .imgListeRefaireAlt:hover
{
    background-position: -18px -876px;
}
.imgListeRefaire[disabled]
{
    background-position: 0px -876px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgListeRefaireAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -876px no-repeat;
    width: 12px;
    height: 12px; *float:left;
}


.imgFlagValide
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -888px;
    width: 13px;
    height: 13px; *float:left;
}

.imgFlagAnnule
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -900px;
    width: 13px;
    height: 13px; *float:left;
}

.imgFlagAjoute
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -912px;
    width: 13px;
    height: 13px; *float:left;
}

.imgFlagSupprime
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -923px;
    width: 13px;
    height: 13px; *float:left;
}


.imgListeExpand
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -936px no-repeat;
    width: 9px;
    height: 9px; *float:left;
}
.imgListeExpand:hover, .imgListeExpandAlt:hover
{
    background-position: -18px -936px;
}
.imgListeExpand[disabled]
{
    background-position: 0px -936px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgListeExpandAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -936px no-repeat;
    width: 9px;
    height: 9px; *float:left;
}

.imgListeCollapse
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -945px no-repeat;
    width: 9px;
    height: 9px; *float:left;
}
.imgListeCollapse:hover, .imgListeCollapseAlt:hover
{
    background-position: -18px -945px;
}
.imgListeCollapse[disabled]
{
    background-position: 0px -945px;
    filter: alpha(opacity=30);
    cursor: default;
}
.imgListeCollapseAlt
{
    display: inline-table;
    background: url('Images/sprite.png') -36px -945px no-repeat;
    width: 9px;
    height: 9px; *float:left;
}



.imgPuceTitre1
{
}

.imgPuceTitre2
{
}

/*
TODO : A supprimer ?
.imgRootNavigation
{
	margin:5px 3px 0px 3px;
	display:block;
	float:left;
	background:url('Images/sprite.png') 160px 140px;
	width:8px;
	height:8px;
}
*/


.imgTexteNavigation
{
}

.imgTexteNavigation:hover
{
}


.imgListeTrierAsc
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -964px;
    width: 8px;
    height: 8px; *float:left;
}


.imgListeTrierDes
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -972px;
    width: 8px;
    height: 8px; *float:left;
}

.imgListeTrierActif
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -956px;
    width: 8px;
    height: 8px; *float:left;
}

.imgListeTrierInactif
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -980px;
    width: 8px;
    height: 8px; *float:left;
}

.imgPuceRouge
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -988px;
    width: 14px;
    height: 14px; *float:left;
}

.imgPuceOrange
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1002px;
    width: 14px;
    height: 14px; *float:left;
}

.imgPuceJaune
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1016px;
    width: 14px;
    height: 14px; *float:left;
}

.imgPuceVerte
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1030px;
    width: 14px;
    height: 14px; *float:left;
}

.imgPuceBleue
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1044px;
    width: 14px;
    height: 14px; *float:left;
}

.imgPuceGrise
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1058px;
    width: 14px;
    height: 14px; *float:left;
}

.imgHausse
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1072px;
    width: 12px;
    height: 12px; *float:left;
}

.imgBaisse
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1084px;
    width: 12px;
    height: 12px; *float:left;
}

.imgConstant
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1096px;
    width: 12px;
    height: 12px; *float:left;
}

.imgHomme
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1109px;
    width: 18px;
    height: 18px; *float:left;
}
.imgHomme:hover
{
    background: url('Images/sprite.png') -18px -1109px;
}

.imgFemme
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1127px;
    width: 18px;
    height: 18px; *float:left;
}
.imgFemme:hover
{
    background: url('Images/sprite.png') -18px -1127px;
}

.imgCouple
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1145px;
    width: 18px;
    height: 18px; *float:left;
}
.imgCouple:hover
{
    background: url('Images/sprite.png') -18px -1145px;
}

.imgFamille
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1163px;
    width: 18px;
    height: 18px; *float:left;
}
.imgFamille:hover
{
    background: url('Images/sprite.png') -18px -1163px;
}

.imgIconeQuestion
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1181px;
    width: 18px;
    height: 18px; *float:left;
}

.imgIconeInformation
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1199px;
    width: 18px;
    height: 18px; *float:left;
}

.imgIconeStop
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1217px;
    width: 18px;
    height: 18px; *float:left;
}

.imgIconeValide
{
    display: inline-table;
    background: url('Images/sprite.png') 0px -1235px;
    width: 18px;
    height: 18px; *float:left;
}

.imgIconeWarning
{
    display: inline-table;
    background: url('Images/sprite.png') -18px -1253px;
    width: 18px;
    height: 18px;
    float: left; *float:left;
}

.imgIconeError
{
    display: inline-table;
    background: url('Images/sprite.png') -18px -1253px;
    width: 18px;
    height: 18px;
    float: left; *float:left;
}


/* ...... TODO ...... */
.imgBarreDesEtapes1
{
    display: inline-table; /* background: url('Images/sprite.png') 718px 12px;*/
    width: 18px;
    height: 10px;
    border: 0px; *float:left;
}

.imgBarreDesEtapes2
{
    display: inline-table; /* background: url('Images/sprite.png') 719px 24px;*/
    width: 18px;
    height: 10px;
    border: 0px; *float:left;
}

.imgBarreDesEtapes3
{
    display: inline-table; /*  background: url('Images/sprite.png') 719px 36px;*/
    width: 18px;
    height: 10px;
    border: 0px; *float:left;
}

.imgBarreDesEtapes4
{
    display: inline-table; /*background: url('Images/sprite.png') 719px 48px;*/
    width: 18px;
    height: 10px;
    border: 0px; *float:left;
}

.imgBarreDesEtapes5
{
    display: inline-table; /*  background: url('Images/sprite.png') 719px 60px;*/
    width: 18px;
    height: 10px;
    border: 0px; *float:left;
}

.imgBarreDesEtapes6
{
    display: inline-table; /* background: url('Images/sprite.png') 719px 72px;*/
    width: 18px;
    height: 10px;
    border: 0px; *float:left;
}

.imgBarreDesEtapes7
{
    display: inline-table; /*background: url('Images/sprite.png') 719px 84px;*/
    width: 18px;
    height: 10px;
    border: 0px; *float:left;
}

.imgBarreDesEtapes8
{
    display: inline-table; /* background: url('Images/sprite.png') 719px 96px;*/
    width: 18px;
    height: 10px;
    border: 0px; *float:left;
}

.imgBarreDesEtapes9
{
    display: inline-table; /* background: url('Images/sprite.png') 719px 108px;*/
    width: 18px;
    height: 10px;
    border: 0px; *float:left;
}

.imgDemandeConfirmation
{
    display: inline-table; /* background-repeat: no-repeat;    background: url('Images/sprite.png');     background-position: 59px 285px;*/
    width: 57px;
    height: 50px; *float:left;
}

#menuTest
{
    position: absolute;
    z-index: 0;
}

.imgMenuBasBlanc
{
    display: inline-table;
    background-repeat: no-repeat;
    background: url('Images/sprite.png');
    background-position: 440px 80px;
    width: 15px;
    height: 15px; *float:left;
}

.imgMenuBasRouge
{
    display: inline-table;
    background-repeat: no-repeat;
    background: url('Images/sprite.png');
    background-position: 420px 80px;
    width: 15px; *float:left;
height:15px;
}

.imgMenuDroiteGris
{
    display: inline-table;
    background-repeat: no-repeat;
    background: url('Images/sprite.png');
    background-position: 400px 80px;
    width: 15px;
    height: 15px; *float:left;
}


/* Styles pour le menu contextuel */
.ShowHide
{
    cursor: pointer;
}
a
{
    color: Black;
}
.menuContextuel
{
    text-decoration: underline;
    color: #666666;
    cursor: pointer;
    padding: 2px;
}
.menuContextuel:hover
{
    text-decoration: underline;
}

#menuTest ul
{
    margin: 0;
    padding: 1px;
    list-style-type: none;
    position: relative;
    border: 1px solid #A0A0A0;
    background-color: #F1F1F1;
    left: 40px;
    color: #000;
    width: auto;
    display: block;
    top: -8px;
}

#menuTest .erreurMenuContextuel
{
    background-color: #FFE1E1;
}

#menuTest ul li
{
    padding: 1px;
    position: relative;
    display: block;
}

#menuTest ul li.separateur
{
    padding: 0px;
    margin: 1px 0;
    position: relative;
    display: block;
    height: 1px;
    background-color: #E0E0E0;
}

#menuTest ul a
{
    padding: 3px;
    display: block;
    width: auto;
    text-decoration: none;
    border: 1px solid #F1F1F1;
}

#menuTest ul a:hover
{
    padding: 3px;
    border: 1px solid #BBBBBB;
    background-color: #EEEEEE;
}

#menuTest ul ul
{
    top: -1px;
    position: absolute;
    display: none;
    left: 100%;
    float: right;
    width: 200%;
}

#menuTest ul li:hover ul
{
    display: block;
}

/* END --- Styles pour le menu contextuel */

.tableauListeContrat th, .tableauListeContrat td
{
    padding: 0 5px;
}
.tableauListeResultat th, .tableauListeResultat td
{
    padding: 0 5px;
}

.tableauListeResultat_selected td
{
    padding: 0 5px;
    background-color: #E0E0E0;
    cursor: pointer;
}

.listViewLigne1
{
    height: 24px;
    background-color: #FFFFFF;
}

.listViewLigne2
{
    height: 24px;
    background-color: #EAEAEA;
}

.listViewLigne3
{
    height: 10px;
}

.astChampObli
{
    color: #f00;
}

.styleInputText
{
    padding: 2px 2px 2px 2px; /* margin ou padding*/
    border: #CCC 1px solid;
}

.styleInputTextFocus
{
    padding: 1px 1px 1px 1px; /*padding ou margin*/
    border: #666666 2px solid;
    background-color: #DDDDDD;
}

.styleInputTextDeactivate
{
    border: #CCC 1px solid;
    padding: 2px 2px 2px 2px; /* margin ou padding*/ /*color:Black !important;*/
    background-color: #DCDCDC;
}

/*
** MENU & CHEMIN DE FER
*/
div.zoneTitreN1
{
    padding: 0px 5px 0px 0px;
}
div.zoneTitreN2
{
    padding: 5px 5px 0px 0px;
}
span.zoneTitreN3
{
    font-weight: bold;
    font-size: 1em;
    margin: 0px;
    padding: 0px;
}

.BarreEtapeSeparator
{
    width: 100%;
    height: 1px;
    background-color: #666666;
}

table.BarreEtape
{
    margin: 6px 2px 6px 2px;
    color: #000;
}

table.BarreEtape td
{
    font-weight: bold;
}

table.BarreEtape td.menurouge span
{
    color: #D00019;
}
table.BarreEtape td.menunoir span, table.BarreEtape td.menunoir a
{
    color: #000000;
}

table.BarreSousEtape
{
    margin: 6px 2px 6px 2px;
    color: #000;
}

table.BarreSousEtape td
{
    font-weight: normal;
}
table.BarreSousEtape td.menurouge span
{
    font-weight: bold;
    color: #D00019;
}
table.BarreSousEtape td.menunoir span, table.BarreSousEtape td.menunoir a
{
    color: #000000;
}

.bold
{
    font-weight: bold !important;
}

.sBarreEtape
{
    background-color: #eaeaea;
    border: solid 1px #666666;
    height: 55px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 6px;
    float: left;
    width: 99%;
}

.groupPanel
{
    clear: both;
}

/*
** Formules
*/
div.LienAutreFormule a.buttonOrder:link, div.LienAutreFormule a.buttonGce, div.LienAutreFormule a.buttonOrder:hover, div.LienAutreFormule a.buttonGce:active
{
    margin: 0;
    padding: 0;
    float: none;
}

td.titreFormule
{
    padding: 0px;
    padding-left: 5px;
}

td.noSpace
{
    margin: 0;
    padding: 0;
}

td.leftSeparator
{
    border-left: Solid 1px #000000;
    margin: 0;
    padding: 0;
}

td.rightSeparator
{
    border-right: Solid 1px #000000;
    margin: 0;
    padding: 0;
}

a.lienFormule:link, a.lienFormule:visited, a.lienFormule:hover, a.lienFormule:active
{
    text-decoration: underline;
    color: Blue !important;
}

span.titreFormule
{
    width: 100%;
    font-weight: bold;
}

td.dashedCadre
{
    border-top: Dashed 1px #d9d9d9;
    border-bottom: Dashed 1px #d9d9d9;
    padding: 2px;
}

div.options
{
    height: 120px;
    overflow: auto;
}

td.remises
{
    padding-top: 5px;
}

td.legende
{
    font-size: 10px;
}

td.titreN1
{
    font-weight: bold;
}

td.titreN2
{
    padding-left: 10px;
}

/* Tableaux */

.datagrid
{
    border-collapse: collapse;
    border: 1.01px solid #DDDDDD;
}

.datagrid a
{
    padding-right: 2px;
    display: inline-table; /*border: 1.01px solid #DDDDDD;*/
}

.selectedRow td
{
    background-color: #EEEEEE;
    cursor: pointer;
}

.datagrid td
{
    height: 24px;
    padding: 0 5px;
    border: 1px solid #DDDDDD;
}

.datagridRow td
{
    background-color: #fff;
}
.datagrid .actionColumn TD
{
    border: none;
    padding-left: 2px;
    padding-right: 2px;
}

.datagridRowHover
{
    background-color: #DDDDDD;
}

.datagridRowRupture1
{
    font-weight: bold;
}

.datagridRowRupture2
{
    font-weight: bold;
    background-color: #EEEEEE;
}
.datagridRowTotal
{
    font-weight: bold;
}

.datagridRow td a
{
    /*  background-color: #DDDDDD;*/
}

.datagridRow td input
{
    /* background-color: #DDDDDD;*/ /* border: 1px solid #BBBBBB;*/ /* display: block;     width: 15px;     height: 15px; */
}

.datagridAltRow td
{
    background-color: #fff;
}


.datagridAltRow td a
{
    /* background-color: #DDDDDD;*/
}

.datagridAltRow td input
{
    /* background-color: #DDDDDD;*/ /*  border: 1px solid #BBBBBB;*/ /*   display: block;     width: 15px;     height: 15px;*/
}

.datagridFooter td
{
    border: none;
}

.datagridHeader
{
    color: #999999;
    background-color: #ffffff;
    font-weight: bold;
    border: none;
    height: 24px;
    padding: 0 5px;
}

.datagridHeader th
{
    padding: 0 5px; /* text-align: left;*/
    border: 1px solid #DDDDDD;
}

.datagrid td.emptyDataRowStyle
{
    background-color: #fff;
}

.datagridPagination
{
    background-color: #BBBBBB;
    color: #ffffff;
    border-color: #BBBBBB;
}

.datagridPagination a, .datagridPagination span
{
    color: #ffffff;
}
.datagridPagination a
{
}
.datagridPagination span
{
    background-color: #d00019;
    padding: 5px;
}

.datagridPagination td
{
    border-color: #BBBBBB;
    padding-right: 5px;
}

.hiddencol
{
    display: none;
    width: 0px;
}

/* Champ obligatoire */
.mandatoryFieldLabel
{
    color: #666666;
}

.mandatoryField
{
    color: #d00019;
}

.mandatoryTextBox
{
    border: 1px solid #d00019;
}

/* sous titre dans les blocs : puces et italique gras souligne */
ul.SousTitre li
{
    list-style-type: disc;
    padding-left: 0px;
}

ul.SousTitre
{
    padding-left: 20px;
}

/* Styles pour les Infobulles / Tooltips */
.tooltip
{
    cursor: help;
    text-decoration: none;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    background: url('Images/sprite.png');
    background-position: 180px 80px;
    width: 18px;
    height: 18px;
}

.tooltip span
{
    margin-left: -999em;
    position: absolute;
}

.tooltip img
{
    margin-left: -999em !important;
    position: absolute !important;
    display: block !important;
}


.tooltip span.upper-left-tooltip p
{
    font-size: 10px;
}

.tooltip:hover span
{
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    position: absolute;
    left: 1em;
    top: 2em;
    z-index: 99;
    margin-left: 0;
    width: 250px;
}

.tooltip:hover img
{
    position: absolute !important;
    left: 1em !important;
    top: 2em !important;
    z-index: 99 !important;
    margin-left: 0 !important;
}

.tooltip:hover span.upper-left-tooltip
{
    position: absolute !important;
    top: -155px !important;
    left: -480px !important;
    width: 450px !important;
    z-index: 99;
}

.tooltip:hover span.left-tooltip
{
    position: absolute !important;
    top: 2em !important;
    left: -280px !important;
    width: 250px !important;
    z-index: 99;
}

.tooltip:hover em
{
    font-family: Candara, Tahoma, Geneva, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding: 0.2em 0 0.6em 0;
}

.tooltip:hover span.upper-left-tooltip em
{
    font-size: 1em;
}

.tooltip span
{
    background: #FFFFE1;
    border: 1px solid #666666;
    padding: 0.5em 0.8em 0.8em 2em;
}
/* END --- Styles pour les Infobulles / Tooltips */

.lblAidebl2
{
    display: none;
}

.bl2ContentUl
{
    margin-left: 5px;
    padding-left: 15px;
}


/* Processus à étapes */
.ProcEtapes
{
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
}

.ProcEtapePassee
{
    font-weight: bold;
    color: #000000;
}

.ProcEtapeActive
{
    font-weight: bold;
    color: #D00019;
}

.ProcEtapeSuiv
{
    color: #000000;
}

.ProcSeparateur
{
    padding: 10px;
    margin: 10px;
}

