body {
    overflow-y: scroll; /*ie8 chrome*/
    -ms-overflow-y: scroll; /*ie6 7*/
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* fond blanc contenu 100% hauteur */
#containerFond {
    z-index:-1;
    position:fixed; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0;
}
#fond {
    margin: 0 auto;
    width: 1202px; /* = maxWidth + 2px pour le bord */
    height: 100%;
    background-color: white;
    border: 1px solid #eee;
}
/******************************************/
.maxWidth{
    max-width:1200px;   /* => voir #fond-width */
}
/******************************************/
/* banière */
#dbanner{
    /*overflow-x:hidden;*/
    background-color:white;
    /*background-image:url("/Images/bandeau.jpg");*/
    background-repeat:no-repeat;
    max-width:1200px;
    height:100px;
    line-height:100px;
    text-align:right;
    margin:0px;
}

/******************************************/
#dcontent{
    font-size:0.9em;
}
.container {
    padding: 0px;
}
.navbar {
    background-color: #eee;

}
.navbar-separation {
    justify-content: space-between;
}
.txtsize {/*taille des champs de recherche*/
    font-size: 14px;
}

.fieldName {
    display: table-cell;
    width: 110px;
    text-align: right;
    /*background-color:#fafafa;*/
    padding-right: 4px;
    border-right: 1px solid #eee;
    margin-right: 4px;
    font-weight: 100;
}
.fieldData {
    display: table-cell;
    padding-left: 4px;
    
}
.fieldNameForm {
    width: 110px;
    text-align: right;
    /*background-color:#fafafa;*/
    padding-right: 4px;
    border-right: 1px solid #eee;
    margin-right: 4px;
    /*padding:4px;*/
    font-weight: 100;
    
    
}
/* Affichage dans formulaire */
.ficheCont {
    display: flex;
    align-items: stretch;
    
}

.ficheInt {
    /*flex-grow:1;*/
    flex: 0 0 100px;
    text-align: right;
    /*background-color:lightgray;*/
    padding: 4px;
    font-weight: 100;
    
}
.ficheIntForm {
    /*flex-grow:1;*/
    flex: 0 0 100px;
    text-align: right;
    /*background-color:lightgray;*/
    padding: 8px;
    font-weight: 100;
}
.ficheReset {
    /*flex-grow:1;*/
    flex: 0 0 200px;
    text-align: right;
    /*background-color:lightgray;*/
    padding: 10px;
    font-weight: 100;
}

.ficheData {
    width: 100%;
    background-color: #f8f8f8;
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    
}
.hidden{
    display:none;
}
.padding-4 {
    padding: 4px;
}
.fIntitule {
    width: 130px;
    text-align: right;
    display: table-cell;
    border-right: 1px solid #ddd;
    padding: 2px;
    font-weight: 100;
    background-color:white;
}

.fData {
    display: table-cell;
    padding: 2px;
    
}
.padding-2{
    padding:2px;
}
.coleee {
    background-color: #eee;
    margin: 4px;
    
}

.rowTitreGrille {
    background-color: #888;
    color: white;
    padding-top: 4px;
    padding-bottom: 4px;
}
.rowSousTitreGrille {
    background-color: #ccc;
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
}
.clickToggle {
    cursor: pointer;
    background: url('/Images/n-plus20.png') no-repeat;
    background-position: right 4px center;
    background-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.mobLisTitre {
    background-color: #eee;
    padding: 8px;
    border-radius: 4px;
    margin-top: 2px;
}
/****************************/
/*.hideWhenMobile {
    display: initial;
}
.showWhenMobile { display: none; }*/

/*@media all and (max-width: 768px){
    .hideWhenMobile { display: none; }
    .showWhenMobile { display: inherit; }
}*/
.navbar{
    padding-left:8px;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
/*@media (min-width: 768px) {
    .showWhenMobile{
        display:inline-block;
    }
}*/

/******************************/
/****images*/
.coloredimg {
    border-radius: 50%;
    /*border:1px solid #aaa;*/
    padding: 6px;
    /*width:42px;*/
}

.coloredimg.small {
    width: 28px;
    padding: 4px;
}

.coloredimg.menu {
    width: 20px;
    padding: 2px;
}

.coloredimg.prestation {/*orange*/
    background-color: #dc4c00;
    /*background-color:#ea8f00;*/
}

.coloredimg.turquoise {
    background-color: #03a49c;
}

.coloredimg.compta {
    background-color: #45ae81;
}

.coloredimg.calcul {
    background-color: #f69375;
}

.coloredimg.task {/*yellow*/
    background-color: #e9b604;
    /*background-color:#f69375;*/
}

.coloredimg.dossier {/*blue*/
    background-color: #265a88;
    /*background-color:#0068a1;*/
}

.coloredimg.agenda {/*green*/
    background-color: #217529;
    /*background-color:#85bc20;*/
}

.coloredimg.partieconseil {/*red*/
    background-color: #ad0a00;
    /*background-color:#e5202e;*/
}

.coloredimg.gris {
    background-color: #eeeeee;
}

.coloredimg.document {/*mauve*/
    background-color: #625ea2; 
}

.coloredimg.home {/*grisfonce*/
    background-color: #696a6c;
}
.coloredimg.login {
    background-color: #007bff;
}
.coloredimg.info {
    background-color: #28a745;
}
/****************************/
/* boutons */
.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 0.2rem transparent;
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem transparent;
        }
/************Layout****************/
.div-content {
    background-color: white;
}
.div-content-title {
    padding: 3px;
    padding-left: 14px;
}
.div-content-DosName {
    padding: 3px;
    padding-left: 0px;
}
.div-content-email {
    text-align: right
}
.span-content-email {
    height: 44px;
    line-height: 44px;
}
.width32 {
    width: 32px;
}
.width27 {
    width:27px;
}
.withsearch {
    display: initial;
    width: initial;
}
/************Login****************/
.underline {
    text-decoration: underline;
}
.div-block {
    height: 60px;
    width: 100%;
}
.divPr {
    width: 300px;
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
}
.margin-bottom8 {
    margin-bottom: 8px;
}
.margin-top10 {
    margin-top: 10px;
}
.noDisplay {
    display: none;
}
.text-center {
    text-align: center;
}
/************Home****************/
.padding10 {
    padding: 10px;
}
.padding8 {
    padding: 8px;
}
.overflow {
    overflow: hidden;
}
.padding-bottom4 {
    padding-bottom: 4px;
}
.width400 {
    width: 400px;
}
.width300 {
    width: 300px;
}
.width120 {
    width: 120px;
}
.width80 {
    width: 80px;
}
/************Dos****************/
.padding5 {
    padding: 5px;
}
.margin-bottom-right {
    margin-bottom: 0.25rem;
    margin-right: 0.25rem;
}
.min-width150 {
    min-width: 150px;
}
.padding-bottom4 {
    padding-bottom: 4px;
}
.padding-left16 {
    padding-left: 16px;
}
.margin0 {
    margin: 0;
}
.margin-top4 {
    margin-top: 4px;
}
.padding-top8 {
    padding-top: 8px;
}
.border-top1 {
    border-top: 1px solid #eee;
}
.margin-top-1 {
    margin-top: -1px;
}
.width100-pc {
    width: 100%;
}
.height200 {
    height: 200px;
}
.font-size14 {
    font-size: 14px;
}
.margin-top100 {
    margin-top: 100px;
}
.font-weight-bold {
    font-weight: bold;
}
.color-red {
    color: Red;
}
.padding-left1em {
    padding-left: 1em;
}
.border1 {
    border: 1px solid #eee;
}
.text-right {
    text-align: right;
}
.marginChecboxSearch {
    margin-top: .70em;
}
.widthBtnsearch {
    width: initial;
}