/*////////////////////////// Font  ////////////////////////// */
@font-face {
    font-family: quarkBold;
    src: url(../../fonts/Quark-Bold.otf) format('truetype'), url(../../fonts/Quark-Bold.eot) format('embedded-opentype');
}

@font-face {
    font-family: quarkLight;
    src: url(../../fonts/Quark-Light.otf) format('truetype'), url(../../fonts/Quark-Light.eot) format('embedded-opentype');
}

@font-face {
    font-family: fontawesome;
    src: url(../../fonts/fontawesome-webfont.ttf);
}

/* ////////////////////////// Fin Font  ////////////////////////// */

/* Progress Bar  */

ol, ul {
    padding-left: 0 !important;
}

#integrationOk {
    display: none;
    color: green;
    font-weight: bold;
    font-size: 12pt;
}

#errorIntegration {
    display: none;
    color: red;
}

.ui-progressbar .ui-progressbar-value {
    margin: 0 !important;
}

.ui-widget-header {
    background-color: #34495e !important;
    background-image: none !important;
}

.ui-widget-content {
    border: 1px solid #2c3e50 !important;
}

#progressbar {
    display: none;
}

#progress {
    display: none;
}

/* ////////////////////////// Body and Page  ////////////////////////// */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #eeeeee !important;
}

#PageBackgroundRed {
    width: 100vw;
    height: 100vh;
    background: url(../../Images/Background.png) no-repeat center fixed;
    background-size: cover;
    margin: 0;
    padding: 0;
}

#PageEtat {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    height: auto;
    color: #000000;
    background-color: #EB8C00;
}

/* ////////////////////////// Loading  ////////////////////////// */

#ctl00_boiteInfo {
    width: 100%;
    height: 100%;
    font: bold 20px Helvetica, Arial, sans-serif;
    display: none;
    z-index: 10000;
    background: gainsboro no-repeat center 40%;
    filter: alpha(opacity=70);
    border-bottom: #ffcc66 2px solid;
    border-left: #ffcc66 2px solid;
    border-top: #ffcc66 2px solid;
    border-right: #ffcc66 2px solid;
    margin: 0 auto;
    padding: 0 auto;
    color: #990000;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
}

#imgBoiteInfo {
    position: fixed;
    padding: 0 auto;
    margin-top: 15%;
    margin-left: 45%;
    width: auto;
    height: auto;
}

#boiteInfo {
    width: 100%;
    height: 100%;
    font: bold 20px Helvetica, Arial, sans-serif;
    display: none;
    z-index: 10000;
    background: gainsboro no-repeat center 40%;
    filter: alpha(opacity=70);
    border-bottom: #ffcc66 2px solid;
    border-left: #ffcc66 2px solid;
    border-top: #ffcc66 2px solid;
    border-right: #ffcc66 2px solid;
    margin: 0 auto;
    padding: 0 auto;
    color: #990000;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
}

/* ////////////////////////// Fin loading  ////////////////////////// */

/* ////////////////////////// Tooltip Logout  ////////////////////////// */

#logoutTooltip {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: black;
    margin: 0 auto;
    padding: 0 auto;
    color: #990000;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    display: none;
}

#divContentLogout {
    padding: 30px;
    background-color: #fff;
    opacity: 1 !important;
    width: 600px;
    height: 360px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px;
    z-index: 10001;
    display: none;
}

.deconnexionStyle {
    text-align: center;
    font-family: quarkBold;
    color: #98a2ad;
    font-size: 26px !important;
    letter-spacing: 1px;
    margin-top: 10px;
}

.buttonAnnulerLogoutStyle {
    margin-top: 20px;
    letter-spacing: 2px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 170px !important;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background-color: #e76337 !important;
    margin-right: 40px;
}

    .buttonAnnulerLogoutStyle:hover {
        color: #ffffff;
    }

.buttonValiderLogoutStyle {
    margin-top: 20px;
    letter-spacing: 2px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 160px !important;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background-color: #2ecc71!important;
    margin-left: 40px;
}

    .buttonValiderLogoutStyle:hover {
        color: #ffffff;
    }

/* ////////////////////////// Tooltip Logout  ////////////////////////// */

/* ////////////////////////// AOTH ////////////////////////// */

#loginpassword {
    padding: 40px 50px 30px 50px;
    width: 380px;
    height: 430px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -190px;
    margin-top: -215px;
    text-align: center;
    background-color: #ffffff;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);
}

#loginpasswordDemarrage {
    padding: 40px 50px 30px 50px;
    width: 380px;
    height: 450px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -190px;
    margin-top: -215px;
    text-align: center;
    background-color: #ffffff;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);
}

#containerAOTH {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
}

#containerLogo {
    width: 100%;
    height: 130px;
}

#positionLogo {
    position: absolute;
    left: 0;
}

#textParametres {
    font-family: quarkBold;
    color: #98a2ad;
    margin-top: 10px;
    font-size: 19px;
}

.inputLogo {
    border-radius: 3px;
    height: 46px;
    font-family: quarkBold;
    border: none;
    color: #98a2ad;
    font-size: 16px !important;
    letter-spacing: 1px;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 95% 50%;
    padding: 15px;
}

.dropDownListStyle {
    border-radius: 3px;
    height: 46px;
    font-family: quarkBold;
    border: none;
    color: #98a2ad;
    font-size: 16px !important;
    letter-spacing: 1px;
    text-align: left !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #e5e5e5 url('../../Images/angleDown.png') no-repeat;
    background-position: 95% 55%;
}

.buttonValiderStyle {
    letter-spacing: 2px;
    width: 100%;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #2ecc71 url('../../Images/logoValider.png') no-repeat !important;
    background-position: 26% 42% !important;
}

#footerContainer {
    text-align: center;
    position: relative;
    margin-top: 12%;
    color: #98a2ad;
    font-size: 12px;
    font-family: Arial;
}

.blackText {
    color: #000;
}

/* ////////////////////////// Fin AOTH ////////////////////////// */


/* ////////////////////////// Master Page ////////////////////////// */
#layout,
#menu,
#menuButton,
{
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#acceuilButton {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#layout {
    position: relative;
    padding-left: 0;
    height: 100%;
}

    #layout #menu {
        left: 400px;
        width: 400px;
    }

    #layout.active #menuButton {
        left: 400px;
    }

.content {
    width: 100%;
}

#menu {
    margin-left: -400px;
    width: 400px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    background: #34495e scroll;
    background-color: #34495e;
    overflow-y: auto;
    overflow-x: hidden;
    /* -webkit-overflow-scrolling: touch;*/
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

#main {
    width: 100%;
}

@media (min-width: 1450px) {

    #layout {
        padding-left: 400px;
        left: 0;
    }

    #menuButton {
        opacity: 0;
        cursor: default;
    }

    #acceuilButton {
        opacity: 0;
        cursor: default;
    }
}

@media (max-width: 1450px) {
    .tile {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .tileText {
        font-size: 25px !important;
    }

    #layout.active {
        padding-left: 400px;
    }

    #layout #menu {
        left: 0;
    }

    #layout.active #menu {
        left: 400px;
    }

    #layout #divHeader {
        background-color: #2c3e50 !important;
    }

    #layout.active #divHeader {
        background-color: #fff !important;
    }

    #menuButton {
        position: absolute;
        opacity: 1;
        left: 50px !important;
    }

    #acceuilButton {
        position: absolute;
        opacity: 1;
        left: 100px !important;
    }

    #layout.active #acceuilButton {
        opacity: 0;
        cursor: default;
        left: 60px !important;
    }

    #layout.active #menuButton {
        left: 400px !important;
    }
}

#menu a {
    color: #98a2ad;
}

#menu li {
    margin-top: 10px;
}

#menu a:hover {
    font-family: quarkBold;
    font-size: 17px !important;
    color: #737a83;
    letter-spacing: 1px;
}


.pagelink a:link {
    padding-left: 64px;
    font-family: quarkBold;
    font-size: 17px !important;
    color: #98a2ad;
    letter-spacing: 1px;
    text-decoration: none;
}


.pagelink a:hover {
    font-family: quarkBold;
    font-size: 17px !important;
    color: #98a2ad;
    letter-spacing: 2px;
}

.Lilink2 {
    padding-left: 90px;
    font-family: quarkBold;
    font-size: 17px !important;
    color: #98a2ad;
    letter-spacing: 1px;
    text-decoration: none;
}

    .Lilink2:hover {
        font-family: quarkBold;
        font-size: 17px !important;
        color: #98a2ad;
        letter-spacing: 2px;
    }

.Divmenu {
    padding-bottom: 10px;
    z-index: 100;
    width: 100%;
    display: block;
    height: auto;
    background-color: #34495e;
    border-left: 10px solid #34495e;
}

#menu #TraitementMensuel:hover {
    border-left: 10px solid #6b1220 !important;
}

#TraitementAnnuel:hover {
    border-left: 10px solid #a92435;
}

#Consultations:hover {
    border-left: 10px solid #e13b5b;
}

#Editions:hover {
    border-left: 10px solid #dd1e3a;
}

#Parametrages:hover {
    border-left: 10px solid #e76337;
}

#Documentation:hover {
    border-left: 10px solid #f7b749;
}

#Hotline:hover {
    border-left: 10px solid #6b1220;
}

#panneaucentralpages {
    width: 100%;
    height: auto;
}

#contentHeader {
    width: 450px;
    height: 120px;
    background-color: #2c3e50;
}

#logoLabel {
    position: relative;
    left: 48px;
    top: 50px;
    margin-top: -18px;
}

    #logoLabel span {
        font-family: quarkBold !important;
        margin-left: 15px;
        font-size: 26px;
        color: #98a2ad;
        letter-spacing: 2px;
    }

.sousMenuButton {
    padding-top: 40px;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    padding-left: 20px !important;
    text-decoration: none;
}

.labelMenu {
    font-size: 22px;
    font-family: quarkbold !important;
    color: #98a2ad;
    letter-spacing: 1px;
    margin-top: 6px;
}

#divContent {
    width: auto;
    height: auto;
}

#divHeader {
    position: relative;
    width: 100%;
    height: 100px;
    background-color: #fff;
}

#menuButton {
    position: absolute;
    left: 400px;
    top: 50px;
    width: 44px;
    height: 44px;
    background-color: #e13b5b;
    border-radius: 100%;
    margin-top: -22px;
    margin-left: -22px;
    cursor: pointer;
}

#acceuilButton {
    position: absolute;
    left: 60px;
    top: 50px;
    margin-top: -17px;
    cursor: pointer;
}

#menuButton img {
    margin-left: 9px;
    margin-top: 10px;
}

#divSocieteDeconnexion {
    position: absolute;
    right: 40px;
    top: 37px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.labelSociete {
    font-family: quarkBold;
    color: #98a2ad;
    font-size: 16px;
    text-transform: lowercase;
    margin-right: 30px;
    /*margin-top:-18px;*/
}

#deconnexionButton {
    margin-top: 0px;
    display: inline-block;
    width: 36px !important;
    height: 36px !important;
    background-color: #e76337;
    border-radius: 100%;
}

#deconnexionButtonTooltip {
    margin-right: 20px;
    display: inline-block;
    width: 52px !important;
    height: 52px !important;
    background-color: #e76337;
    border-radius: 100%;
}

#deconnexionButton img {
    margin-left: 12px;
    margin-top: 9px;
}

#deconnexionButtonTooltip img {
    margin-left: 18px;
    margin-top: 12px;
}
/* ////////////////////////// Fin Master Page ////////////////////////// */

/* ////////////////////////// Contenu Content ////////////////////////// */

#contentPageWhite {
    width: 100%;
    padding: 30px 50px 50px 50px;
    background-color: #fff;
}

#panneaucentral {
    width: 100%;
    height: auto;
    background-color: #eeeeee;
    padding: 30px 30px 30px 30px;
}

#panneaucentralTest {
    width: 100%;
    height: auto;
    background-color: #eeeeee;
    padding: 30px 30px 30px 30px;
}

#containerEtat {
    margin: 0px;
    padding: 0px;
    height: 750px;
    width: 1300px;
    visibility: visible;
}

a:link {
    text-decoration: none;
    color: #fff;
}

.tilesBlock {
    /*border:1px solid green;*/
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-direction: row;
}

.tile {
    width: 14vw;
    height: 14vw;
    min-width: 250px;
    min-height: 250px;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.tileContent {
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.tileImg {
    width: 30%;
    height: 30%;
    margin-left: 35%;
}

.tileText {
    color: #fff;
    font-size: 1.5vw;
    letter-spacing: 1px;
    font-family: quarkbold;
    text-align: center;
    margin-top: -30px;
}

.navigationBar {
    width: 100%;
    height: 50px;
    background-color: #e5e5e5;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .navigationBar p {
        margin-left: 20px;
        margin-top: 11px;
        font-size: 22px;
        font-family: quarkbold;
        color: #98a2ad;
    }

    .navigationBar img {
        margin-right: 25px !important;
    }

/*#traitementMensuel {
	display:none
}

#traitementAnnuel {
	display: none;
}

#consultation{
	display: none;
}

#edition {
	display: none;
}

#documentation {
	display: none;
}*/

/* ////////////////////////// Fin Contenu Content ////////////////////////// */

/* ////////////////////////// Regroupement demande ////////////////////////// */

/*.buttonGenererRegroupementStyle
{
letter-spacing:2px ;
height:46px;
font-family:quarkBold;
color:#ffffff;
background:#34495e url('../../Images/eye.svg') no-repeat;
background-position: 17% 46%;
}*/

.buttonRecalcul {
    border-radius: 4px;
    border: none;
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #34495e url('../../Images/refreshRound.svg') no-repeat !important;
    background-position: 15% 46% !important;
    background-size: 25px;
}

.buttonIntegrer {
    border-radius: 4px;
    border: none;
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #2ecc71 url('../../Images/logoValider.png') no-repeat !important;
    background-position: 15% 46% !important;
    background-size: 25px;
}

/* ////////////////////////// Fin Regroupement demande ////////////////////////// */

/* ////////////////////////// SuiviTraitementAsync ////////////////////////// */

.buttonSupprimerStyle {
    letter-spacing: 2px;
    /*width:100%;*/
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #c71901 url('../../Images/cross.svg') no-repeat !important;
    background-position: 11% 46% !important;
    background-size: 25px;
}

.buttonRedemarrageStyle {
    letter-spacing: 2px;
    /*width:100%;*/
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #2ecc71 url('../../Images/power.svg') no-repeat !important;
    background-position: 4% 46% !important;
    background-size: 25px;
}

#contentButtonHeader {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.buttonValiderUploadStyle {
    letter-spacing: 2px;
    margin-top: 20px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #2ecc71 url('../../Images/logoValider.png') no-repeat !important;
    background-position: 13% 42% !important;
    background-size: 25px;
}

.buttonValiderQuantiteExcelStyle {
    letter-spacing: 2px;
    margin-top: 20px;
    width: 140px;
    text-align: right !important;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #2ecc71 url('../../Images/logoValider.png') no-repeat !important;
    background-position: 8% 42% !important;
    background-size: 24px !important;
}

.buttonInitialiserQuantitesStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #34495e url('../../Images/refreshRound.svg') no-repeat !important;
    background-position: 5% 42% !important;
    background-size: 25px !important;
}

.buttonRecalculerStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #2ecc71 url('../../Images/refreshRound.svg') no-repeat !important;
    background-position: 13% 42% !important;
    background-size: 25px !important;
}

.fileUploadStyle {
    position: relative;
    width: 100%;
    height: 160px;
    border: 3px dashed #eeeeee;
    margin-top: 30px;
}

    .fileUploadStyle .inputFile {
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 10 !important;
    }

.ajax__fileupload_fileItemInfo {
    height: 40px !important;
    line-height: 40px !important;
}

    .ajax__fileupload_fileItemInfo .removeButton {
        width: 100px !important;
        height: 40px !important;
        line-height: 40px !important;
        border-radius: 4px;
        background: #c71901 !important;
    }

#ContentPlaceHolder1_AjaxFileUpload1_Html5DropZone {
    font-family: quarkLight;
    font-size: 15px !important;
    color: #98a2ad;
    letter-spacing: 1px;
    font-style: italic;
}

#ContentPlaceHolder1_AjaxFileUpload1_FileStatusContainer {
    font-family: quarkBold;
    font-size: 18px !important;
    color: #98a2ad;
    letter-spacing: 1px;
    font-weight: 900;
}

.ajax__fileupload_fileItemInfo .pendingState {
    color: #98a2ad !important;
    height: 40px !important;
    line-height: 40px !important;
}

.ajax__fileupload {
    position: relative;
    border: none !important;
    font-family: quarkBold;
    letter-spacing: 1px;
}

.ajax__fileupload_selectFileContainer {
    z-index: 10 !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 160px !important;
    background-color: rgba(0,0,0,0) !important;
}

.ajax__fileupload_selectFileButton {
    z-index: 10 !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 160px !important;
    background-color: rgba(0,0,0,0) !important;
}

.ajax__fileupload_selectFileContainer input {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 160px !important;
}

.ajax__fileupload span:hover {
    background-color: rgba(0,0,0,0);
}

.ajax__fileupload_dropzone {
    height: 160px !important;
    border: 3px dashed #eeeeee !important;
    background-image: url('/Images/cloud.svg');
    background-position: 50% 20px;
    background-repeat: no-repeat;
}

.ajax__fileupload_topFileStatus {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 160px;
}

    .ajax__fileupload_topFileStatus div {
        position: absolute !important;
        text-align: center;
        width: 100%;
        left: 0;
        right: 0;
        top: 90px !important;
    }

.ajax__fileupload_queueContainer {
    border: 3px dashed #eeeeee !important;
}

#contentUploadStyle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#fontUploadHeaderStyle {
    font-family: quarkBold;
    font-size: 18px !important;
    color: #98a2ad;
    letter-spacing: 1px;
    font-weight: 900;
}

.fontFileStyle {
    font-family: quarkBold;
    font-size: 18px !important;
    color: #98a2ad;
    letter-spacing: 1px;
    font-weight: 900;
}

#fontUploadBaselineStyle {
    font-family: quarkLight;
    font-size: 15px !important;
    color: #98a2ad;
    letter-spacing: 1px;
    font-style: italic;
    margin-top: -10px;
}


/* ////////////////////////// Fin SuiviTraitementAsync ////////////////////////// */

/* ////////////////////////// Saisie Quantités ////////////////////////// */

.inputWithoutLogo {
    border-radius: 3px;
    height: 46px;
    font-family: quarkBold;
    border: none;
    color: #98a2ad;
    font-size: 16px !important;
    letter-spacing: 1px;
    background-color: #e5e5e5;
    padding: 15px;
}

.buttonVoirStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #34495e url('../../Images/eye.svg') no-repeat !important;
    background-position: 16% 46% !important;
    background-size: 25px;
}

.buttonValiderSaisieStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    margin-right: 15px;
    background: #2ecc71 url('../../Images/logoValider.png') no-repeat !important;
    background-position: 5% 42% !important;
    background-size: 25px;
}

.buttonReinitialiserStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    margin-right: 15px;
    background: #34495e url('../../Images/refreshRound.svg') no-repeat !important;
    background-position: 9% 46% !important;
    background-size: 25px;
}

/* ////////////////////////// Fin Saisie Quantités ////////////////////////// */

/* ////////////////////////// Saisie Regroupement ////////////////////////// */

#contentHeaderTabStyle {
    width: 100%;
    background-color: #34495e;
    height: 60px;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
}

.boutonSelectStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    border: 2px solid #ffffff;
    background-color: rgba(0,0,0,0);
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 20px;
}

.boutonGenererReroupementsStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #2ecc71 url('../../Images/logoValider.png') no-repeat !important;
    background-position: 3% 42% !important;
    background-size: 25px;
}


/* ////////////////////////// Fin Regroupement ////////////////////////// */

/* ////////////////////////// Docmentation ////////////////////////// */

.boutonAjouterUnDossierStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #34495e url('../../Images/addFolder.svg') no-repeat !important;
    background-position: 7% 44% !important;
    margin-right: 20px;
    margin-top: 20px;
}

.boutonSupprimerUnDossierStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #c71901 url('../../Images/deleteFolder.svg') no-repeat !important;
    background-position: 8% 9px !important;
    margin-right: 20px;
    margin-top: 20px;
}

.boutonAjouterUnFichierStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #34495e url('../../Images/deleteFile.svg') no-repeat !important;
    background-position: 8% 9px !important;
    margin-right: 20px;
    margin-top: 20px;
}

.boutonSupprimerUnFichierStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #c71901 url('../../Images/deleteFile.svg') no-repeat !important;
    background-position: 8% 9px !important;
    margin-top: 20px;
}

.labelRepertoire {
    display: block;
    margin-top: 40px;
    margin-bottom: 20px;
}

.tree a:link {
    color: #000;
    text-decoration: none;
}

.tree a:hover {
    color: #c71901;
    text-decoration: none;
}

.boutonAnnulerStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #dd1e3a url('../../Images/cross.svg') no-repeat !important;
    background-position: 10% 44% !important;
    background-size: 25px;
    margin-top: 20px;
    margin-right: 20px;
}

.boutonSupprimer2Style {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #c71901 url('../../Images/cross.svg') no-repeat !important;
    background-position: 10% 44% !important;
    background-size: 25px;
    margin-top: 20px;
    margin-right: 20px;
}

.boutonChangerChoixStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #dd1e3a url('../../Images/cross.svg') no-repeat !important;
    background-position: 6% 44% !important;
    background-size: 25px;
    margin-top: 20px;
    margin-right: 20px;
}

.boutonValiderStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #2ecc71 url('../../Images/logoValider.png') no-repeat !important;
    background-position: 10% 44% !important;
    background-size: 25px;
    margin-top: 20px;
}

.boutonAjouterStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #34495e url('../../Images/addFolder.svg') no-repeat !important;
    background-position: 10% 44% !important;
    background-size: 25px;
    margin-left: 20px;
}

.positionButton {
    margin-top: 20px;
}

.boutonAjouterUploadStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #34495e url('../../Images/addFolder.svg') no-repeat !important;
    background-position: 10% 44% !important;
    background-size: 25px;
    margin-top: 20px;
}

/* ////////////////////////// Fin Documentation ////////////////////////// */

/* ////////////////////////// Edition ////////////////////////// */

.buttonVoirEditionStyle {
    margin-left: 20px;
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #2ecc71 url('../../Images/eye.svg') no-repeat !important;
    background-position: 16% 46% !important;
    background-size: 25px;
}

.buttonTableauSaisieBudget {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 6px;
    font-family: quarkBold;
    border-radius: 6px;
    border: 1px solid #212121;
    color: #212121;
    font-weight: bold !important;
}

    .buttonTableauSaisieBudget:hover {
        color: rgb(169, 36, 53) !important;
        font-weight: bold !important;
    }

.masterTab a:link {
    color: #000;
    margin-right: 10px;
    letter-spacing: 2px;
    font-family: quarkBold;
}

.masterTab .ajax__tab_header {
    font-family: "Helvetica Neue", Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    display: block;
}

    .masterTab .ajax__tab_header .ajax__tab_outer {
        border-color: #222;
        color: #222;
        padding-left: 10px;
        margin-right: 3px;
        border: solid 1px black;
    }

    .masterTab .ajax__tab_header .ajax__tab_inner {
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

.masterTab .ajax__tab_hover .ajax__tab_outer {
    background-color: #E0301E;
}

.masterTab .ajax__tab_hover .ajax__tab_inner {
    color: #fff;
}

.masterTab .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: #ffffff;
    background-color: #E0301E;
}

.masterTab .ajax__tab_active .ajax__tab_inner {
    color: #000;
    border-color: #333;
}

.masterTab .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: #fff;
    border-top-width: 0;
    border: solid 1px #d7d7d7;
    border-top-color: #ffffff;
}
/* ////////////////////////// Fin Edition ////////////////////////// */

.buttonVoirConsultationnStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #2ecc71 url('../../Images/eye.svg') no-repeat !important;
    background-position: 16% 46% !important;
    background-size: 25px;
}


/* ////////////////////////// Envoi Mail ////////////////////////// */
.boutonEnvoyerMailStyle {
    margin-top: 20px;
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #2ecc71 url('../../Images/check.svg') no-repeat !important;
    background-size: 25px !important;
    background-position: 6% 42% !important;
}

.w_content {
    width: 755px;
    overflow: hidden;
}

.w_bloc_l {
    float: left;
    width: 377px;
}

.w_bloc_r {
    margin-left: 390px;
}

.bloc_l {
    margin-left: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    width: auto;
    height: 23px;
    font-family: quarkBold;
    /*font-size: small;*/
    color: Black;
}

.saisie_bloc {
    margin-left: 3px;
    margin-top: 5px;
    width: auto;
    text-align: left;
    float: left;
    height: auto;
    color: Black;
}

.add_TxtMail {
    cursor: pointer;
    color: #98a2ad;
}

    .add_TxtMail:hover {
        text-decoration: underline;
    }

.cl_TxtBox {
    width: 320px;
    padding: 0 auto;
    margin: 0 auto;
}

.cl_TxtErr {
    border: solid 1px #9f221b;
}

.cl_LblErr {
    text-decoration: none;
    margin-left: 8px;
    font-size: 11px;
    color: #9f221b;
}

.cl_DelTxt {
    padding: 0 auto;
    margin-top: 4px;
    margin-left: 6px;
}

    .cl_DelTxt:hover {
        cursor: pointer;
    }

.bloc_err {
    margin-left: 5px;
    width: auto;
    height: auto;
    font-family: quarkBold;
    color: Black;
}

.saisie_bloc_r {
    margin-right: 25px;
    margin-top: 5px;
    width: auto;
    text-align: left;
    float: right;
    height: auto;
    color: Black;
}

.textRougeGras {
    font-weight: bold;
    font-weight: 400;
    color: #E13B5B;
    font-family: quarkBold;
    text-align: left;
}


/* ////////////////////////// fin Envoi Mail ////////////////////////// */


/* ////////////////////////// Elements (button/ etc) ////////////////////////// */

/* position elements */
.displayBlock {
    display: block;
}

.inlineBlockFlex {
    margin-bottom: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.contentButtonHeaderSaisie {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.contentButtonHeaderSaisieFlexStart {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.contentButtonHeaderSaisie2 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.contentButtonHeaderSaisie3 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.saisieperioderapports1 {
    float: left;
    margin-right: 15px;
    text-align: left;
    height: 100%;
}

.saisieBudgetButton {
    width: auto;
    margin-right: 15px;
    text-align: left;
    height: 100%;
}


.saisieBudgetProgressBar {
    margin-right: 15px;
    text-align: left;
    height: 100%;
    width: 100%;
}

.infoProgressBar {
    margin-right: 15px;
    text-align: left;
    height: 100%;
}

.saisieperioderapports33Pourcent {
    /*float:left;*/
    /*margin-right:40px;*/
    padding: 5px;
    text-align: left;
    width: 100%;
    /*height:100%;*/
    margin-bottom: 20px;
}

.contentRow {
    padding: 5px;
    text-align: left;
    margin-bottom: 20px;
}

.saisieperioderapports66Pourcent {
    float: left;
    margin-right: 15px;
    text-align: left;
    width: 66%;
    height: 100%;
}

.paddingBottom {
    margin-bottom: 20px;
}

/* fin position elements */

/* font style */

#fontStyle {
    font-size: 16px;
    font-family: quarkBold;
    color: #98a2ad;
    letter-spacing: 1px;
}

.fontStyle {
    font-size: 16px;
    font-family: quarkBold;
    color: #98a2ad !important;
    letter-spacing: 1px;
}

.fontUniteStyle {
    font-size: 16px;
    font-family: quarkBold;
    color: #34495e !important;
    letter-spacing: 1px;
}

.fontErrorStyle {
    font-size: 16px;
    font-family: quarkBold;
    color: #9f221b !important;
    letter-spacing: 1px;
}

/* fin font style */

/* checkbox / list / radio button */

.listBoxStyle select {
    border: none;
    background-color: #e5e5e5;
    padding: 10px;
    font-size: 16px;
    font-family: quarkBold;
    color: #98a2ad !important;
    letter-spacing: 1px;
}

.listBoxStyle::selection {
    background-color: #ff0000;
}

.checkboxAll {
    margin-left: 20px;
}

.listBoxStyle select option {
    margin-bottom: 5px;
}

input[type="radio"] {
    width: 25px;
    height: 25px;
}

.radioButtonStyle label {
    margin-left: 10px !important;
    margin-right: 20px !important;
}


input[type="checkbox"] {
    width: 25px;
    /*height:25px;*/
}

.checkBoxAll label {
    margin-left: 10px !important;
}

.checkboxStyle {
    margin-left: 20px;
}

    .checkboxStyle label {
        font-size: 16px;
        font-family: quarkBold;
        color: #98a2ad !important;
        letter-spacing: 1px;
        margin-left: 7px;
        font-weight: bold;
    }

.radioButtonStyle {
    margin-left: 20px;
}

.btn:hover, .btn:focus {
    color: #ffffff !important;
}

.radioButtonStyle label {
    font-size: 15px;
    font-family: quarkBold;
    color: #98a2ad !important;
    letter-spacing: 1px;
    margin-left: 7px;
    font-weight: bold;
}

.radioButtonListStyle {
    border: 1px solid red;
}

.btnFontSize {
    font-size: 22px !important;
}

/* checkbox / list / radio button */

.buttonSendMailStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #f7b749 url('../../Images/check.svg') no-repeat !important;
    background-position: 12% 42% !important;
    background-size: 25px !important;
    margin-bottom: 20px !important;
}

.buttonRetourMensuelStyle {
    margin-top: 20px;
    letter-spacing: 2px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 160px !important;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background-color: #e76337;
}

    .buttonRetourMensuelStyle:hover {
        color: #fff;
        background-color: #e76337!important;
    }

.boutonValiderLeChoixStyle {
    letter-spacing: 2px;
    height: 46px;
    font-family: quarkBold;
    color: #ffffff;
    background: #2ecc71 url('../../Images/logoValider.png') no-repeat;
    background-position: 7% 44%;
    background-size: 25px;
    margin-top: 20px;
}

.btnRound:active,
.btnRound.active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.textBoxMailText {
    border-radius: 3px;
    font-family: quarkBold;
    border: none;
    color: #98a2ad;
    font-size: 16px !important;
    letter-spacing: 1px;
    background-color: #e5e5e5;
    padding: 15px;
}

/* fin checkbox / list / radio button */

/* other */
#Spread {
    width: 100%;
    margin-top: 20px;
    height: 100%;
}

.labelError {
    display: block;
    margin-top: 5px;
}

.textDecorationNone {
    text-decoration: none !important;
}

.Upload {
    width: 75px;
    height: 30px;
    background: transparent url(../../Images/Integrer_01.png);
    border: none;
}

    .Upload:hover {
        width: 75px;
        height: 30px;
        background: transparent url(../../Images/Integrer_02.png);
        border: none;
    }

/* fin other */

/* ////////////////////////// Fin Elements (button/ etc) ////////////////////////// */


#resultTableau {
    color: rgb(169, 36, 53);
    font-size: 15px;
    width: 800px;
    margin: auto;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
}


/*#fondblanc 
{
	background:url(../../Images/FondPagePourRepetition2.png); 
	height:auto;
	background-repeat: repeat-y; 	
	width:800px; 	
	float:left;
} */

/*#fondblanctrt 
{
	 
	height:auto;
	background-repeat: repeat-y; 	
	width:795px; /
	background-color:white;
	border-right:2px solid red;
	border-left:2px solid red;
	margin-left:1px;
} 

.FondBlancFooter
{
	background:url(../../Images/FondPagePourRepetitionFooter.png) no-repeat;
	background-position:center;
	margin: 0 auto;
	padding: 0 auto;
	height: 30px;
	width: 802px;
}*/

/*#bcm 
{
	margin-top:170px;
	width: 150px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.general
{
	vertical-align:top;
}	

.banniere
{
	height: 176px;
	width: 1000px;
	background-image: url(../../Images/reportgestbanniere.jpg);
	background-repeat: no-repeat;
	background-position: left 50%;
	border: none;
	vertical-align: top;
	z-index: 1;
}

.banniereLand
{
	height: 176px;
	width: 1400px;
	background-image: url(../../Images/reportgestbannierePaysage.jpg);
	background-repeat: no-repeat;
	background-position: left 50%;
	border: none;
	vertical-align: top;
	z-index: 1;
}

a 
{
	text-decoration: none;
	color:#000000;
}

.nomsociete 
{
	width: 845px;
	height: auto;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-left:160px;
	Margin-top:123px;
}

.bcm 
{
	margin-top:30px;
	width: 150px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align:bottom;
}

.liste1 
{
	margin-top:10px;
	width:150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:500;
	text-align: left;
	padding-top:5px;
}

.liste2 
{
	width:140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	padding-left:10px;
	padding-top:5px;
	}

#loginpassword2
{
	width:130px;
	height:310px;
	float:left;
}

#loginpassword3
{
	float:left;
	width:80px;
	height:20px
}

#LogPassCentrer
{
	margin-top:30px;
	width:100%;
}

#saisie
{
	float:inherit;
	margin-left:250px;
	margin-top:50px;
	width:300px;
	height:35px;
}

.SeConnecter
{
	float:inherit;
	text-align:right;
	width:184px;
	background: transparent url(../../Images/Bouton_SeConnecter_01.png);
	height:43px;
	border:none;
}

.SeConnecter:hover
{
	background: transparent url(../../Images/Bouton_SeConnecter_02.png);
	float:inherit;
	border:none;
	text-align:right;
	width:184px;
	height:43px;
}*/

/*rapportsgestion*/

/*#panneaucentralpagesEtat
{
    background-position: center center;
    left: 180px;
    position: relative;
} 

#PanneaucentralPagesAuth
{
	 float: right;
    text-align: center;
    width: 850px;	
} 

#banniererapportgestion 
{
	background-image:url(../../Images/1_rapportsdegestionbanniere.png); 	
	background-repeat:no-repeat; 	
	height:70px; 	
	width: 800px; 	
	background-position:center; 	
	vertical-align:bottom; 	
	margin-top:0px; 
} 

.boutonDiv 
{
	height:50px;
	width: 250px;
	padding-top:25px;
	text-align:center;
	color:#FFFFFF;
}


.bouton
{
	border:none;
	background: transparent url(../../Images/1rapportsdegestionbouton_01.png);
	font-size:10px;
	height:40px;
	width: 250px;
	color:#FFFFFF;
}

.bouton:hover
{
	border:none;
	background: transparent url(../../Images/1rapportsdegestionbouton_02.png);
	font-size:10px;
	height:40px;
	width: 250px;
	color:#FFFFFF;
}*/

/* fin rapportsgestion*/


/*donneescomptables*/
/*#bannieredonneescomptables 
{
	background-image:url(../../Images/1_1integrationecrituresbanniere.png); 	
	background-repeat:no-repeat; 	
	height:70px; 	
	width: 800px; 	
	background-position:center; 	
	vertical-align:bottom; 	
	float:left; 	 	
	margin-top:0px; 
} 

.periode
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
}

.separation
{
	background-image:url(../../Images/traitseparation.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 130px;
}

.boutonchoix
{
	background-image:url(../../Images/boutongrischoisirfichier.png);
	background-repeat:no-repeat;
	background-position:left;
}

.boutonintegrer
{
	background:url(../../Images/boutonintegrerfichier.png);
	background-repeat:no-repeat;
    width :147px;
    height:32px;
}

.marge
{
	padding-left: 40px;
}*/

/* fin donneescomptables*/

/*integration budget*/
/*#banniereIntegrationBudget 
{
	background-image:url(../../Images/1_1integrationbudgetsbanniere.png); 	
	background-repeat:no-repeat; 	
	height:70px; 	
	width: 800px; 	
	background-position:center; 	
	vertical-align:bottom; 	
	float:left; 	
	margin-top:0px; 
} 

.periode
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
}

.separation
{
	background-image:url(../../Images/traitseparation.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 130px;
}

.boutonchoix
{
	background-image:url(../../Images/boutongrischoisirfichier.png);
	background-repeat:no-repeat;
	background-position:left;
}

.boutonintegrer
{
	background:url(../../Images/boutonintegrerfichier.png);
	background-repeat:no-repeat;
    width :147px;
    height:32px;
}

.marge
{
	padding-left: 40px;
}*/

/* fin integration budget*/


/* regroupements*/
/*#banniereregroupements 
{
	background-image:url(../../Images/1_2calculregroupementsbanniere.png); 	
	background-repeat:no-repeat; 	
	height:70px; 	
	width: 800px; 	
	background-position:center; 	
	vertical-align:bottom; 	 	
	margin-top:0px; 
} 

.genererlesregroupements
{  
	width: 798px;
	margin-left:3px;
}



#saisieperiode
{
	float:left;
	margin-left:40px;
}

#N
{
	float:left;
	height:135px;
	margin-left:40px;
}

#budget
{
	float:left;
	height:135px;
	margin-left:40px;
}

#autresprecisions
{
	float:left;
	height:135px;
	margin-left:40px;
}



#separationlongue
{
	background-image:url(../../Images/traitseparationlong.png);
	width:759px;
	height:5px;
	background-repeat:no-repeat;
	background-position:center;
	margin-left:10px;
	margin-top:10px;
	float:left;
}

#separationlongue2
{
	background-image:url(../../Images/traitseparationlong.png);
	width:759px;
	height:5px;
	background-repeat:no-repeat;
	background-position:center;
	margin-left:10px;
	margin-top:15px;
	float:left;
}

.controlesbudgetaires
{
	margin-left:10px;
	margin-top:10px;
	float:left;
	width:759px;
	height:auto;
}

.controlesbudgetaireslabel
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:Maroon;
	font-weight:bold;
	margin-left:5px;
}

.recalculannee
{
	margin-top:10px;
	float:left;
	width:759px;
	height:auto;
}

.recalcul_cumul
{
	width: 75px;
	height: 30px;
	background: transparent url(../../Images/recalcul_cumul_01.png);
	border: none;
}

.recalcul_cumul:hover
{
	width: 75px;
	height: 30px;
	background: transparent url(../../Images/recalcul_cumul_02.png);
	border: none;
}

.boutonsupprimer
{
	background:url(../../Images/boutonsupprimerfichier.png);
	height: 30px;
	width:141px;
}

.boutonDivSupp
{
	width: auto;
	float: right;
	padding-left: 0px;
	margin-right: 14px;
	padding-top: 5px;

}


.boutonDivSupp2 
{ 
	width:auto;
	float:right;
	padding-left :380px;
	margin-right:18px;
 }
 
 .boutonDivSupp3 
{  

	margin-right:18px;
}*/



/* fin regroupements*/


/* consulterrapports*/
/*#banniererapports 
{
	background-image:url(../../Images/1_3_consulterrapportsbanniere.png); 
	background-repeat:no-repeat; 
	height:70px; 
	width: 800px; 
	background-position:center;
	vertical-align:bottom;
	float:left;
	margin-top:10px;
} 

.saisieperioderapports
{
	float:left;
	padding-left:5px;
	Margin-right:5px;
	text-align:left;
	width:160px;
	height:70px;
	margin-top:10px;
}*/

/*.saisieperioderapportsBouton
{
	float:left;
	padding-left:5px;
	text-align:left;
	height:70px;
	margin-top:10px;
}

#choixprecisions
{
	float:left;
	margin-left:40px;
	margin-top:5px;
	width:200px;
	height:85px;
}


.BoutonSupprRegroup
{
	margin-left:20px;
	width :auto;
	height:auto;
}*/

/* fin consulterrapports*/


/* consultereditions*/
/*#banniereeditions 
{ 	
	background-image:url(../../Images/1_4_consultereditionsbanniere.png); 	
	background-repeat:no-repeat; 	
	height:70px; 	
	width: 800px; 	
	background-position:center; 	
	vertical-align:bottom; 	
	float:left; 	
	margin-top:0px; 
} 

.anneeunites
{ 	
	width: 759px; 	
	height:35px; 
	text-align:left;	
	margin-bottom:8px;	
} 

.anneeunites1
{ 	width: 759px; 	
	height:35px; 
	text-align:left;	
	margin-bottom:8px;	
	margin-left:5px; 
} 

.saisieperiodeeditions
{
	float:left;
	position:absolute;
	margin-left:40px;
	width:200px;
	height:35px;
}*/

/*.saisieperiodeeditionsAnnee
{
	float:left;
	margin-left:40px;
	width:200px;
	height:35px;
}

.saisieGestConsult
{
	float:left;
	padding-left:20px;
	width:200px;
	height:35px;
	text-align:left;
}

.saisieperiodeeditionsMois
{
	float:left;
	margin-left:40px;
	width:120px;
	height:35px;
}*/

/* fin consultereditions*/


/* traitement unités */
/*#bannieretraitementunites 
{ 	
	background-image:url(../../Images/1_5_traitementunitesbanniere.png); 	
	background-repeat:no-repeat; 	
	height:70px; 	
	width: 800px; 		
	vertical-align:bottom; 	
	float:left; 		
	margin-top:0px; 
} 

#moisannee
{ 	
	background-image:url(../../Images/traitseparationlongepais700px.png); 	
	width:759px; 	
	height:30px; 	
	background-repeat:no-repeat; 	
	background-position:center; 	
	margin-top:10px; 	
	float:left; 	
} */

/*#Spread
{
	width:780px;
	height:auto ;
	background-repeat:no-repeat;
	background-position:left;
text-align:center;
	
	margin-top:10px;
	float:left;
	position:relative;
}*/


/* fin traitement unités */

/* quantités */
/*#bannierequantites 
{ 	
	background-image:url(../../Images/2_quantitesbanniere.png); 	
	background-repeat:no-repeat; 	
	height:70px; 	
	width: 800px; 	
	background-position:center; 	
	vertical-align:bottom; 	
	float:left; 	
	margin-top:0px; 
} */


/* fin quantités */

/* Suivi des intégration */
/*#bannieresuiviintegration 
{ 	
	background-image:url(../../Images/Suividesintegrationsbanniere.png); 	
	background-repeat:no-repeat; 	
	height:70px; 	
	width: 800px; 	
	background-position:center; 	
	vertical-align:bottom; 	
	float:left;	
	margin-top:0px; 
} */


/* support */
/*#supportbcm
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:center;
	width: 800px;
	background-position:center;
	vertical-align:middle;
	float:left;
}

#logobcm
{
	background-image:url(../../Images/bcm.png);
	background-repeat:no-repeat;
	background-position:center;
	width: 800px;
	height: 50px;
	margin-top:50px;
	float:left;
}

.soustitrebcm
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:500;
	color: #537B9F;
	vertical-align:middle;
	text-align:center;
}
*/
/***********************************Lamia*******************************************/


/*.CentrePage
{
	text-align:center;
	margin-top:20px;
}

.Dispose
{
	text-align:center;
	width:500px;
	margin-left:110px;
	margin-right:20px;
}

.DisposeUnit
{
	width:700px;
	margin-left:20px;
	margin-right:20px;
}

.Dispose1
{
	float:left;
	text-align:right;
}

.DisposeQte
{
	padding-left:50px;
	padding-right:30px;
}

.DisposeQuantite
{
	float:left;
	width:135px;
}

.DisposeQuantiteBtnValider
{
	float:right;
	text-align :center;
	width:135px;
	height:56px;
	margin-top:12px;
}

.DisposeQuantite2
{
	float:left;
	text-align :left;
}*/

/*.DisposeHorizontalHaut
{
	padding-top:3px;
	height :100px;
	margin-top:3px;
}

.DisposeCentre
{
	width :auto;
	margin:0 30% 0 30%;
}

.DisposeHorizontalBas
{
	padding-bottom:3px;
	margin-bottom:3px;
	height :auto;
}

.DisposeIntegr
{
	float:left;
	text-align :left;
	width:220px;
	padding-left:40px;
	margin-top:3px;
}

.FIleUpload
{ 
	z-index:1px;
	width :620px;
	border-color:#BDD4ff;
	border-style :double;
	font-weight:bold;
	color:Black ;
	width :620px;
	border-color:#BDD4ff;
	border-style :double;
	font-weight:bold;
	color:Black ;
}

.divFil
{
	width:620px;
	float :right;
}

.BoutonFil
{
	background :url(../../Images/boutongrischoisirfichier.png);
	z-index:230px;
	background-position:right;
	background-repeat:no-repeat;
	margin-right:0px;
	position:relative;
	height:25px;
	width:90px;
}

.SaisieQteBoutonDroit
{
	float:right;
	text-align :right ;
	margin-right :17px;
}

.SaisieQteBoutonGauche
{
	float:left;
	text-align :left ;
	width :350px;
	margin-left:5px;
}
*/

/*.Lilink 
{
	width: 157px;
	height: 32px;
	font-size:small ;
	text-align :left;
	color:Maroon;
	text-decoration: none;
}

.Lilink:hover
{
	color:#F09d99;
	font-size:small;
	font-weight:bold;
	text-align :left;
}*/

/*.Lilink a:visited
{
color: #6086FA;

font-size:small;
padding:8px 0 0 10px;
text-align :left;
}*/


/*.Aucun
{
	text-align:center;
}

.logoAcc
{	
	text-align:center;	
	margin-top:80px;
}

.Tab
{
	width:auto;
}

.logoHotline
{	
	text-align:left;	
	margin-top:20px;
	margin-left:60px;
}

.TextHotline
{		
	margin-top:40px;
	margin-bottom: 40px;
}

.ContentHotline
{	
	margin-top:10px;
}

.Hotline
{
	color:black;
	font-weight:bold;	
}

.Hotline:hover
{
	color:Black ;
	font-weight:bold;
	text-decoration:underline;
}

.boutonintegrerfichier
{
	text-align:right;
	width:141px;
	background: transparent url(../../Images/boutonintegrerfichie1.png);
	height:28px;
	border:none;
}

.boutonintegrerfichier2 
{
	text-align:right;
	width:141px;
	background: transparent url(../../Images/boutonintegrerfichie2.png);
	height:28px;
	border:none;
}

.boutonsupprimerfichier
{
	text-align:right;
	width:140px;
	background: transparent url(../../Images/boutonsupprimerfichier-01.png);
	height:30px;
	border:none;
}

.boutonsupprimerfichier:hover 
{
	text-align:right;
	width:140px;
	background: transparent url(../../Images/boutonsupprimerfichier-02.png);
	height:30px;
	border:none;
}

.btngenererregroupements
{
	text-align:right;
	width:170px;
	background: transparent url(../../Images/boutongenererregroupements-01.png);
	height:30px;
	border:none;
}

.btngenererregroupements:hover
{
	text-align:right;
	width:170px;
	background: transparent url(../../Images/boutongenererregroupements-02.png);
	height:30px;
	border:none;
}

.bouton_valider_la_saisie
{
	text-align:right;
	width:122px;
	background: transparent url(../../Images/bouton_valider_la_saisie_01.png);
	height:30px;
	border:none;
}

.bouton_valider_la_saisie:hover
{
	text-align:right;
	width:122px;
	background: transparent url(../../Images/bouton_valider_la_saisie_02.png);
	height:30px;
	border:none;
}

.boutonvalider
{
	width:60px;
	height:27px;
	color:white;
	background-color:#E0301E;
    border-style:ridge;
    border-color:#E0301E;
    border-width:2px;
    font-weight:bold;
}

.boutonvalider:hover 
{
	width:60px;
	height:27px;
	color:#602320;
	background-color:#FCD3C6;
	border-style:inset;
    border-color:#ffb600;
    border-width:2px;
	font-weight:bold;
}

.boutoncommentaire
{
	width:150px;
	height:27px;
	color:white;
	background-color:#E0301E;
    border-style:ridge;
    border-color:#E0301E;
    border-width:2px;
    font-weight:bold;
    
}

.boutoncommentaire:hover 
{
	width:150px;
	height:27px;
	color:#602320;
	background-color:#FCD3C6;
	border-style:inset;
    border-color:#ffb600;
    border-width:2px;
	font-weight:bold;
}



.bouton_continuer
{
	text-align:right;
	width:90px;
	background: transparent url(../../Images/bouton_continuer_01.png);
	height:25px;
	border:none;
}

.bouton_continuer:hover
{
	text-align:right;
	width:90px;
	background: transparent url(../../Images/bouton_continuer_02.png);
	height:325px;
	border:none;
}

.bouton_validation_du_collaborateur
{
	text-align:right;
	width:170px;
	background: transparent url(../../Images/bouton validation du collaborateur_01.png);
	height:30px;
	border:none;
}

.bouton_validation_du_collaborateur:hover
{
	text-align:right;
	width:170px;
	background: transparent url(../../Images/bouton validation du collaborateur_02.png);
	height:30px;
	border:none;
}

.bouton_confirmation_definitive
{
	text-align:right;
	width:170px;
	background: transparent url(../../Images/bouton_confirmation_definitive_01.png);
	height:30px;
	border:none;
}

.bouton_confirmation_definitive:hover
{
	text-align:right;
	width:170px;
	background: transparent url(../../Images/bouton_confirmation_definitive_02.png);
	height:30px;
	border:none;
}

.bouton_generer_les_editions
{
	text-align:right;
	width:150px;
	background: transparent url(../../Images/bouton_generer_les_editions_01.png);
	height:30px;
	border:none;
}

.bouton_generer_les_editions:hover
{
	text-align:right;
	width:150px;
	background: transparent url(../../Images/bouton_generer_les_editions_02.png);
	height:30px;
	border:none;
}

.boutongenererregroupements
{
	text-align:right;
	width:170px;
	background: transparent url(../../Images/boutongenererregroupements_01.png);
	height:30px;
	border:none;
}

.boutongenererregroupements2 
{
	text-align:right;
	width:170px;
	background: transparent url(../../Images/boutongenererregroupements_02.png);
	height:30px;
	border:none;
}

.bouton_reinitialiser
{
	text-align: right;
	width: 90px;
	background: url(../../Images/boutonReinitialiser_01.png);
	height: 30px;
	border: none;
}

.bouton_reinitialiser:hover
{
	text-align: right;
	width: 90px;
	background: url(../../Images/boutonReinitialiser_02.png);
	height: 30px;
	border: none;
}

.bouton_supprimer
{
	text-align: right;
	width: 90px;
	background: url(../../Images/boutonSupprimer_01.png);
	height: 30px;
	border: none;
}

.bouton_supprimer:hover
{
	text-align: right;
	width: 90px;
	background: url(../../Images/boutonSupprimer_02.png);
	height: 30px;
	border: none;
}

.RG_PWC_bouton_voir-blanc
{
	text-align:right;
	width:75px;
	background: transparent url(../../Images/RG_PWC_bouton_voir-blanc_01.png);
	height:30px;
	border:none;
}

.RG_PWC_bouton_voir-blanc2 
{
	text-align:right;
	width:75px;
	background: transparent url(../../Images/RG_PWC_bouton_voir-blanc_02.png);
	height:30px;
	border:none;
}

.valider
{
	text-align:right;
	width:57px;
	background: transparent url(../../Images/valider_01.png);
	height:50px;
	border:none;
}

.valider:hover
{
	color:#ffb600;
	background-color:#Eb8c00;
	border-style:inset;
    border-color:#ffb600;
    border-width:2px;
	font-size:10;
	font-weight:bold;
}

.h
{
	color:white;
	background-color:#F26D23;
	border-color:#Eb8c00;
	font-size:10;
    border:NotSet;
	height:30px;
	width:170px;
}

.s
{
	color:black;
	background-color:#E0301E;
    border:NotSet;
	font-size :10;
	border-color:#E0301E;
    height:30px;
    width:170px;
}	

.s2
{
	color:black;
	background-color:#F7955A;
	border-color:#F7955A;
	font-size:10;
    border:NotSet;
    height:30px;
    width:170px;
}   

.HValiderSaisie
{
	color:white;
	background-color:#F26D23;
	border-color:#Eb8c00;
	font-size:10;
    border:NotSet;
	height:30px;
	width:110px;
}

.SValiderSaisie
{
	color:black;
	background-color:#E0301E;
	border-color:#E0301E;
	font-size :10;
	border:NotSet;
    height:30px;
    width:110px;
}	

.S2ValiderSaisie
{
	color:black;
	background-color:#F7955A;
	border-color:#F7955A;
	font-size:10;
    border:NotSet;
    height:30px;
    width:110px;
    border:NotSet;
}      

.HValider
{
	color:white;
	background-color:#F26D23;
	border-color:#Eb8c00;
	font-size:10;
    border:NotSet;
	height:30px;
	width:70px;
}

.SValider
{
	color:black;
	background-color:#E0301E;
	border-color:#E0301E;
	font-size :10;
	border:NotSet;
    height:30px;
    width:70px;
}	

.S2Valider
{
	color:black;
	background-color:#F7955A;
	border-color:#F7955A;
	font-size:10;
    border:NotSet;
    height:30px;
    width:70px;
}      

.Hvoir
{
	color:white;
	background-color:#F26D23;
	border-color:#Eb8c00;
	font-size:10;
	margin-bottom:5px;
	height:27px;
	width:56px;
    border:NotSet;
}

.Svoir
{
    color:black;
    background-color:#E0301E;
    border-color:#E0301E;
    border:NotSet;
	font-size :10;
	margin-bottom:5px;
    height:27px;
    width:56px;
}	

.S2voir
{
	color:black;
	background-color:#F7955A;
	border-color:#F7955A;
	font-size:10;
    margin-bottom:5px;
    height:27px;
    width:56px;
    border:NotSet;
}   

.HRond
{
	color:white;
	background-color:#F26D23;
	border-color:#Eb8c00;
	font-size:10;
	border:NotSet;
	height:30px;
	width:104px;
}

.SRond
{
	color:black;
	background-color:#F4F4F4;
	border:NotSet;
	font-size :10;
	border-color:#F4F4F4;
    height:30px;
    width:104px;
}	

.S2Rond
{
	color:white;
	background-color:#F7955A;
	border-color:#F7955A;
	font-size:10;
    border:NotSet;
    height:30px;
    width:104px;
}   

.GrandBoutonH
{
	color:white;
	background-color:#F26D23;
	border-color:#Eb8c00;
	font-size:11;
	font-weight:bold;
	height:40px;
	width:150px;
    border:NotSet;
}

.GrandBouton
{
	color:black;
	background-color:#E0301E;
	border-color:#E0301E;
    border:NotSet;
	font-size :11;
	font-weight:bold;
    height:40px;
    width:150px;
}	

.GrandBouton2
{
	color:black;
	background-color:#F7955A;
	border-color:#F7955A;
	font-size:11;
    font-weight:bold;
    height:40px;
    width:150px;
    border:NotSet;
}

.BoutonH
{
	color:white;
	background-color:#F26D23;
	border-color:#Eb8c00;
	font-size:50;
	font-weight:bold;
	height:4000px;
	width:1600px;
    border:NotSet;
}

.Bouton
{
	color:black;
	background-color:#E0301E;
    border-color:#E0301E;
    border:NotSet;
	font-size :50;
	font-weight:bold;
    height:4000px;
    width:1600px;
}	

.Bouton2
{
    color:black;
	background-color:#F7955A;
	border-color:#F7955A;
	font-size:50;
    font-weight:bold;
    height:4000px;
    width:1600px;
    border:NotSet;
}     


.Recalcul
{
	width: 140px;
	height: 30px;
	background: transparent url(../../Images/Recalcul_01.png);
	border: none;
}

.Recalcul:hover
{
	width: 140px;
	height: 30px;
	background: transparent url(../../Images/Recalcul_02.png);
	border: none;
}


#backProgress
{
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000px;
	background: #CECECE;
	filter: alpha(opacity=60);
} 

.upProgress
{
}

#imgLoading 
{ 
	margin-top:230px;
	position:absolute;
	z-index:6; 
	top:100px;
	right:50%;
	margin-left:-16px; 
	display:block; 
} 

.imgLoading1
{ 
	margin-top:230px;
	position:absolute;
	z-index:6; 
	top:100px;
	left:50%;
	margin-left:-16px; 
	display:block; 
}   

.imgLoading2
{ 
	position:absolute;
	z-index:6; 
	top:100px;
	margin-top:250px;
	left:50%;
	margin-left:-16px; 
	color:Black;
	font-size:larger;
	font-weight:bold;
	display:block; 
}     

.raz
{
	width:85px;
	height:50px;
	background: transparent url(../../Images/btn_raz_01.png);
	border:none;
}

.raz:hover
{
	width:85px;
	height:50px;
	background: transparent url(../../Images/btn_raz_02.png);
	border:none;
}

.boutons_bas 
{
    text-align : center;
    height:auto;
    position:relative;
}

.btn_bas
{
    display : inline;   
}		

.LabelResultat
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Maroon;
	font-weight: bold;
	margin-left: 5px;
}

.boutonactualiser
{
	text-align:right;
	width:170px;
	background: transparent url(../../Images/bouton_actualiser_01.png);
	height:30px;
	border:none;
}

.bouton_ajouter_un_repertoire
{
	text-align: right;
	width: 141px;
	background: url(../../Images/btn-ajouter-un-repertoire-01.png);
	height: 31px;
	border: none;
}

.bouton_ajouter_un_repertoire:hover
{
	text-align: right;
	width: 141px;
	background: url(../../Images/btn-ajouter-un-repertoire-02.png);
	height: 31px;
	border: none;
}

.bouton_supprimer_un_repertoire
{
	text-align: right;
	width: 141px;
	background: url(../../Images/btn-supprimer-un-repertoire-01.png);
	height: 31px;
	border: none;
}

.bouton_supprimer_un_repertoire:hover
{
	text-align: right;
	width: 141px;
	background: url(../../Images/btn-supprimer-un-repertoire-02.png);
	height: 31px;
	border: none;
}

.bouton_ajouter_un_fichier
{
	text-align: right;
	width: 141px;
	background: url(../../Images/btn-ajouter-un-fichier-01.png);
	height: 31px;
	border: none;
}

.bouton_ajouter_un_fichier:hover
{
	text-align: right;
	width: 141px;
	background: url(../../Images/btn-ajouter-un-fichier-02.png);
	height: 31px;
	border: none;
}

.bouton_ajouter_un_fichier_upload
{
	text-align: right;
	width: 141px;
	background: url(../../Images/Bouton-ajouter-02.png);
	height: 31px;
	border: none;
	background-repeat:no-repeat
}

.bouton_ajouter_un_fichier_upload:hover
{
	text-align: right;
	width: 141px;
	background: url(../../Images/Bouton-ajouter-01.png);
	height: 31px;
	border: none;
	background-repeat:no-repeat
}

.bouton_supprimer_un_fichier
{
	text-align: right;
	width: 141px;
	background: url(../../Images/btn-supprimer-un-fichier-01.png);
	height: 31px;
	border: none;
}

.bouton_supprimer_un_fichier:hover
{
	text-align: right;
	width: 141px;
	background: url(../../Images/btn-supprimer-un-fichier-02.png);
	height: 31px;
	border: none;
}

.bouton_deplacer_un_fichier
{
	text-align: right;
	width: 141px;
	background: url(../../Images/btn-deplacer-un-fichier-01.png);
	height: 31px;
	border: none;
}

.bouton_deplacer_un_fichier:hover
{
	text-align: right;
	width: 141px;
	background: url(../../Images/btn-deplacer-un-fichier-02.png);
	height: 31px;
	border: none;
}

.bouton_valider_le_choix
{
	text-align: right;
	width: 123px;
	background: url(../../Images/btn-valider-le-choix-01.png);
	height: 31px;
	border: none;
}

.bouton_valider_le_choix:hover
{
	text-align: right;
	width: 123px;
	background: url(../../Images/btn-valider-le-choix-02.png);
	height: 31px;
	border: none;
}

.bouton_changer_le_choix
{
	text-align: right;
	width: 122px;
	background: url(../../Images/btn-changer-le-choix-01.png);
	height: 30px;
	border: none;
}

.bouton_changer_le_choix:hover
{
	text-align: right;
	width: 122px;
	background: url(../../Images/btn-changer-le-choix-02.png);
	height: 30px;
	border: none;
}

.bouton_annuler
{
	text-align: right;
	width: 96px;
	background: url(../../Images/Bouton-annuler-01.png);
	height: 31px;
	border: none;
}

.bouton_annuler:hover
{
	text-align: right;
	width: 96px;
	background: url(../../Images/Bouton-annuler-02.png);
	height: 31px;
	border: none;
}

.bouton_ajouter
{
	text-align: right;
	width: 96px;
	background: url(../../Images/Bouton-ajouter-01.png);
	height: 31px;
	border: none;
}

.bouton_ajouter:hover
{
	text-align: right;
	width: 96px;
	background: url(../../Images/Bouton-ajouter-02.png);
	height: 31px;
	border: none;
}

.bouton_supprimer
{
	text-align: right;
	width: 96px;
	background: url(../../Images/Bouton-supprimer-01.png);
	height: 31px;
	border: none;
}

.bouton_supprimer:hover
{
	text-align: right;
	width: 96px;
	background: url(../../Images/Bouton-supprimer-02.png);
	height: 31px;
	border: none;
}

.bouton_continuer
{
	text-align: right;
	width: 96px;
	background: url(../../Images/btn-continuer-01.png);
	height: 31px;
	border: none;
}

.bouton_continuer:hover
{
	text-align: right;
	width: 96px;
	background: url(../../Images/btn-continuer-02.png);
	height: 31px;
	border: none;
}


#bannieredocumentation
{
	background-image: url(../../Images/banniere-documentation.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 800px;
	background-position: center 50%;
	vertical-align: bottom;
	float: left;
	margin-top: 10px;
	margin-left: 1px;
} 



.label_CadrergaucheMarge
{
	margin-left: 3px;
	width:auto;
	float:left;
	color: black;
	font-weight: bold;
	
}

.MargeTop10
{
	margin-top:10px;
	height:auto;
}

.label_Cadrerdroite 
{
	float:right;
	width:auto;
}

.boutons_bas
{
    text-align : center;
    height:auto;
   
}

.btn_bas 
{
    display : inline;
}

.btnVal 
{
    background: url(../../Images/btn_validerCoche-01.png); 
    border : 0;
    width:92px;
    height:30px;
}
    */
.modal1 {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #696969;
    /*z-index: 999;*/
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

.loading {
    font-family: Arial;
    font-size: 13pt;
    width: 450px;
    height: 100px;
    display: none;
    position: fixed;
    font-weight: bold;
    z-index: 9999;
    color: #c71901;
}

.loadingAfficheColumn {
    font-family: Arial;
    font-size: 13pt;
    width: 450px;
    height: 100px;
    display: none;
    position: fixed;
    font-weight: bold;
    z-index: 999;
    color: #c71901;
}

#menuTest ul {
    list-style-type: none;
}






.handsontable THEAD TH.color2 {
    background: #79BD8F !important;
    border-color: #549A6B !important;
}

    .handsontable THEAD TH.color2 .collapsibleIndicator {
        box-shadow: 0px 0px 0px 6px #79BD8F;
        -webkit-box-shadow: 0px 0px 0px 6px #79BD8F;
        background: #79BD8F !important;
        border-color: #549A6B !important;
    }

.handsontable THEAD TH.color3 {
    background: #BEEB9F !important;
    border-color: #8FC768 !important;
}

    .handsontable THEAD TH.color3 .collapsibleIndicator {
        box-shadow: 0px 0px 0px 6px #BEEB9F;
        -webkit-box-shadow: 0px 0px 0px 6px #BEEB9F;
        background: #BEEB9F !important;
        border-color: #8FC768 !important;
    }

.handsontable THEAD TH.color4 {
    background: #FFFF9D !important;
    border-color: #DEDE9A !important;
}

    .handsontable THEAD TH.color4 .collapsibleIndicator {
        box-shadow: 0px 0px 0px 6px #FFFF9D;
        -webkit-box-shadow: 0px 0px 0px 6px #FFFF9D;
        background: #FFFF9D !important;
        border-color: #DEDE9A !important;
    }

.handsontable THEAD TH.color5 {
    background: #00A388 !important;
    border-color: #38887B !important;
}

    .handsontable THEAD TH.color5 .collapsibleIndicator {
        box-shadow: 0px 0px 0px 6px #00A388;
        -webkit-box-shadow: 0px 0px 0px 6px #00A388;
        background: #00A388 !important;
        border-color: #38887B !important;
    }



.valideBudget .tooltiptext {
    visibility: hidden;
    height: 24px;
    font-family: Arial;
    width: 60px;
    background-color: #FFE8AF;
    color: black;
    text-align: center;
    border-radius: 3px;
    padding: 1px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    margin-top: 10px;
    border: 0.5px solid black;
}

.valideBudget:hover .tooltiptext {
    visibility: visible;
}

.valideBudget {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    /*background-color: #2ecc71 !important;*/
    background-image: url("../../Images/logoValider.png") !important;
    background-origin: padding-box !important;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
    border: medium none;
    border-radius: 28px;
    display: inline-block;
    height: 28px;
    text-align: center;
    text-decoration: none;
    width: 28px;
}