body {
    padding-top: 60px;
    padding-bottom: 40px;
}

.zf-green {
    color: #68b604;
}

.btn-success {
    background-color: #57a900;
    background-image: -moz-linear-gradient(top, #70d900, #57a900);
    background-image: -ms-linear-gradient(top, #70d900, #57a900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
    background-image: -webkit-linear-gradient(top, #70d900, #57a900);
    background-image: -o-linear-gradient(top, #70d900, #57a900);
    background-image: linear-gradient(top, #70d900, #57a900);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #57a900;
}

div.container a.navbar-brand > img {
    display: inline;
    margin-right: 4px;
    margin-top: -2px;
}

table#profil_multiOptions label{
    display: none;
}

table#profil_multiOptions tr td{
    padding: 0 2px 0 2px;
    text-align: center;
}

td.modaction, th.modaction{
    text-align: left !important;
    background-color: #5AA7F7 !important;
    font-weight: bold;
}

td.modaction{
    height: 40px;
}

.nonapplicable{
    background-color: #ccc !important;
}

.habilitations{
    width: 100%;
}

.habilitations tr th{
    background-color: #5AA7F7;
    height: 35px;
    padding-left: 5px;
}

.habilitations tr td{
    background-color: #AFCAF9;
}

.bouton{
    width: 280px !important;
    margin-top: 2px;
    margin-left: 120px;
}
.centrecontenu{
    text-align: center;
}
.desactive{
    background-color: #CECECE !important;
}
.selectioncourante{
    font-size: 20px;
    font-weight: bold;
    color: darkgreen;
}
.bouton_telecharger{
    height: 70px;
}
.decale_gauche_un{
    margin-left: 10px;
}
.fielddosstat{
    min-height: 120px;
}
div#modificationstatut{
    width: 300px;
}
.lbprd{
    text-decoration: underline;
    width: 60px;
}
.table-ligne{
    display: table-row;
}
.table-cellule{
    display: table-cell;
}

/* ################## Affichage de la croix de fermeture sur pop-up dialog ################## */
.ui-dialog-titlebar-close {
    /* http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_888888_256x240.png */
    background: url("/images/ui-icons_888888_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
    border: medium none;
}
.ui-dialog-titlebar-close:hover {
    /* http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_222222_256x240.png */
    background: url("/images/ui-icons_222222_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
}
/* ################## Fin de l'affichage de la croix de fermeture sur pop-up dialog ################## */
.souligne{
    text-decoration: underline;
}
.gras{
    font-weight: bold;
}
.plusinterp{
    width: 50px;
    margin-top: 8px;
}
.visible{
    /*visibility: visible;*/
    display: block;
}
.invisible{
    /*visibility: hidden;*/
    display: none;
}
.apparent{
    display: block;
}
.non-apparent{
    display: none;
}
div#cadre_ligne_date_envoi_dossier label{
    width: 100px!important;
    margin-left: 8px;
}
.iconetelechargerhistoriqueaccompagnement{
    width: 45px;
}
.historiqueaccompagnement{
    color: #02723B;
    font-weight: bold;
}
.widhtiers{
    width: 33.33%;
    border: 0px solid transparent;
}
.widhtroisquart{
    width: 75%;
    border: 0px solid transparent;
}
.widhmoitie{
    width: 50%;
    border: 0px solid transparent;
}
.curseur_pointe{
    cursor: pointer;
}

/*  ######## Début du cadre Infos ######## */
.cadredinformation {
    padding: 1rem;
    width: 420px;
    box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),
    0 5px 15px 0 rgba(0,0,0,0.08);
    background-color: rgba(152, 191, 248, 0.781);
    color: #10235a;
    border: 0.1rem solid #10235a;
    border-radius: 1.5rem;
    text-align: justify;

    border-left: 0.8rem solid #1b2e68;
    transition: border-left 300ms ease-in-out, padding-left 300ms ease-in-out;
}
.cadredinformation:hover {
    padding-left: 1rem;
    border: 0.1rem solid rgba(204, 204, 204, 0.781);
    border-left: 0.8rem solid rgba(204, 204, 204, 0.781);
    background-color: rgb(167, 166, 166);
    color: #000;
}
.cadredinformation > :first-child {
    margin-top: 0;
}
.cadredinformation > :last-child {
    margin-bottom: 0;
}
.cadredinformation div#titre {
    margin-left: -25px;
}    
.cadredinformation div#titre h4 {
    float: right;
    width: calc(100% - 60px);
    text-align: left;
    padding-left: 5px;
    margin:0;               
}
.cadredinformation div#titre img {
    float: right;
    width: 40px;
    margin-top: -7px;
}
.cadredinformation p#contexte {
    font-size: 12px;
}
/*  ######## Fin du cadre Infos ######## */