/*Couleur vignette service*/
.background-orga-gris {
    background: rgba(71,92,108,0.2) !important;
}

.background-orga-vert {
    background: rgba(193,203,35,0.2) !important;
}

.background-orga-rouge {
    background: rgba(235,114,92,0.2) !important;
}

.background-orga-bleu {
    background: rgba(39,176,179,0.2) !important;
}

.background-orga-violet {
    background: rgba(89,83,111,0.2) !important;
}

/*Couleur vignette tache*/
.tache-orga-gris {
    border: 1px solid rgba(71,92,108,1) !important;
    color: rgba(71,92,108,1) !important;
}

.tache-orga-vert {
    border: 1px solid rgba(193,203,35,1) !important;
    color: rgba(193,203,35,1) !important;
}

.tache-orga-rouge {
    border: 1px solid rgba(235,114,92,1) !important;
    color: rgba(235,114,92,1) !important;
}

.tache-orga-bleu {
    border: 1px solid rgba(39,176,179,1) !important;
    color: rgba(39,176,179,1) !important;
}

.tache-orga-violet {
    border: 1px solid rgba(89,83,111,1) !important;
    color: rgba(89,83,111,1) !important;
}


/* Style parametrage couleur kanlab */
.form-couleur .couleur {
    height: 34px;
    max-width: 100%;
    border-radius: 3px;
    cursor: pointer;
    transition: all 300ms ease;
    overflow: hidden;
    margin-bottom: 8px;
}

    .form-couleur .couleur:hover,
    .form-couleur .couleur.selected {
        margin-left: 4px;
    }

    .form-couleur .couleur.unselected {
        margin-left: 0px !important;
        box-shadow: none !important;
    }

    .form-couleur .couleur.gris {
        background: #475C6C;
    }

        .form-couleur .couleur.gris:hover,
        .form-couleur .couleur.gris.selected {
            box-shadow: -8px 0 #374854;
        }

    .form-couleur .couleur.vert {
        background: #C1CB23;
    }

        .form-couleur .couleur.vert:hover,
        .form-couleur .couleur.vert.selected {
            box-shadow: -8px 0 #a1aa1d;
        }

    .form-couleur .couleur.rouge {
        background: #EB725C;
    }

        .form-couleur .couleur.rouge:hover,
        .form-couleur .couleur.rouge.selected {
            box-shadow: -8px 0 #e75439;
        }

    .form-couleur .couleur.bleu {
        background: #27B0B3;
    }

        .form-couleur .couleur.bleu:hover,
        .form-couleur .couleur.bleu.selected {
            box-shadow: -8px 0 #209093;
        }

    .form-couleur .couleur.violet {
        background: #59536F;
    }

        .form-couleur .couleur.violet:hover,
        .form-couleur .couleur.violet.selected {
            box-shadow: -8px 0 #474259;
        }
/* Fin style parametrage couleur kanlab */

/*Début Organigramme*/

.organigramme {
    overflow-x: hidden;
    white-space: nowrap;
    font-size: 1em;
    text-align: center;
    padding-bottom: 20px !important;
    font-weight: 500;
    letter-spacing: .5px;
}

    .organigramme a:hover,
    .organigramme a:active,
    .organigramme a:focus {
        text-decoration: none;
    }

        .organigramme a:hover .orga-niv-1-titre,
        .organigramme a:active .orga-niv-1-titre,
        .organigramme a:focus .orga-niv-1-titre,
        .organigramme a:hover .orga-niv-2,
        .organigramme a:active .orga-niv-2,
        .organigramme a:focus .orga-niv-2 {
            box-shadow: 1px 1px 4px #969696;
            -webkit-transition: box-shadow 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition: box-shadow 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        }

    .organigramme a.disabled:hover .orga-niv-1-titre,
    .organigramme a.disabled:active .orga-niv-1-titre,
    .organigramme a.disabled:focus .orga-niv-1-titre,
    .organigramme a.disabled:hover .orga-niv-2,
    .organigramme a.disabled:active .orga-niv-2,
    .organigramme a.disabled:focus .orga-niv-2 {
        box-shadow: none;
        -webkit-transition: box-shadow 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: box-shadow 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }

    .organigramme .orga-niv-1 {
        display: inline-block;
        vertical-align: top;
        white-space: normal;
    }



        .organigramme .orga-niv-1 .orga-niv-1-titre {
            color: white;
            border-radius: 6px;
            background-color: #475C6C;
            margin: 0px 12px 24px 12px;
            font-size: 0.875rem;
            padding: 5px;
            height: 110px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            justify-content: center;
            -webkit-transition: opacity 300ms ease;
            -ms-transition: opacity 300ms ease;
            -moz-transition: opacity 300ms ease;
            -o-transition: opacity 300ms ease;
            transition: opacity 300ms ease;
            -webkit-transition: box-shadow 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition: box-shadow 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        }


            .organigramme .orga-niv-1 .orga-niv-1-titre.disabled,
            .organigramme .orga-niv-1 .container-orga-niv-2 .service.disabled {
                opacity: 0.3;
                cursor: not-allowed;
            }

        .organigramme .orga-niv-1 .container-orga-niv-2 {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }

            .organigramme .orga-niv-1 .container-orga-niv-2 .orga-niv-2 {
                border-radius: 6px;
                background-color: rgba(71, 92, 108, 0.1);
                margin: 24px 12px;
                padding: 8px;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                justify-content: space-between;
                -webkit-transition: opacity 300ms ease;
                -ms-transition: opacity 300ms ease;
                -moz-transition: opacity 300ms ease;
                -o-transition: opacity 300ms ease;
                transition: opacity 300ms ease;
                -webkit-transition: box-shadow 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
                transition: box-shadow 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
            }

                .organigramme .orga-niv-1 .container-orga-niv-2 .orga-niv-2 .orga-niv-2-footer {
                    min-height: 26px;
                    max-height: 26px;
                    height: 26px;
                    position: relative;
                    margin-bottom: 2px;
                }

                    .organigramme .orga-niv-1 .container-orga-niv-2 .orga-niv-2 .orga-niv-2-footer svg * {
                        fill: #424242;
                    }

                    .organigramme .orga-niv-1 .container-orga-niv-2 .orga-niv-2 .orga-niv-2-footer:before,
                    .organigramme .orga-niv-1 .container-orga-niv-2 .orga-niv-2 .orga-niv-2-footer::before {
                        content: attr(data-utilisateurs);
                        font-size: 0.75rem;
                        font-weight: 700;
                        color: #424242;
                        position: absolute;
                        margin-top: -15px;
                        padding-left: 23px;
                    }

                .organigramme .orga-niv-1 .container-orga-niv-2 .orga-niv-2 .orga-niv-2-body {
                    padding: 22px 0;
                    word-break: break-word;
                    font-size: 0.813rem;
                }


    .organigramme .container-orga-niv-3 {
        margin: 12px 0;
    }


    .organigramme .orga-niv-3 {
        position: relative;
        margin: 11px 0px;
    }

        .organigramme .orga-niv-3 a {
            display: block;
            border-radius: 6px;
            text-align: center;
            padding: 15px 10px;
            white-space: normal;
        }

@media (min-width:992px) {
    .organigramme .orga-niv-1 {
        width: 240px;
    }
}


@media screen\0 {

    .organigramme .orga-niv-1 .container-orga-niv-2 .orga-niv-2 .orga-niv-2-footer:before,
    .organigramme .orga-niv-1 .container-orga-niv-2 .orga-niv-2 .orga-niv-2-footer::before {
        padding-left: 55%;
    }
}

@media (max-width: 991.98px) {

    .organigramme .orga-niv-1 {
        width: 100%;
        float: left;
    }

        .organigramme .orga-niv-1 .orga-niv-1-titre {
            height: 108px !important;
        }
}



/* telephone portrait */
@media (max-width: 575.98px) {
    .organigramme .orga-niv-1 .orga-niv-1-titre {
        margin-left: 0;
        margin-right: 0;
    }
}


/*Organigramme btn ajout thématique*/

#ajout_thematique {
    background-color: #fff;
    border: 1px dashed #475C6C;
    color :#424242;
}

/*Fin Organigramme*/