* { font-family: Helvetica, Arial, sans-serif; }

.promoBox {
    display: inline-block;
    position: relative;
    margin: 5px;
    padding: 10px;
    width: 100%;
    border: 2px solid #ddd;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;


    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: linear-gradient(135deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 );

    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymoveboxcard {
    /*from {background: linear-gradient(top, #62eb9a 0%,#29bdd8 50%,#29bdd8 50%,#70aad7 100%) ;}*/
    /*to {    background: linear-gradient(to bottom, #3b94eb 0%, #46afdd 50%, #43aae0 50%, #76b7e0 100%) ;*/
    /*}*/
    from { opacity: 5;color: #c9e4ee;
    }
    to {  opacity: 0.2;color: #f5f3e8;
    }
}

@keyframes mymoveboxcard {
    /*from {background: linear-gradient(top, #62eb9a 0%,#29bdd8 50%,#29bdd8 50%,#70aad7 100%) ;}*/
    /*to {    background: linear-gradient(to bottom, #3b94eb 0%, #46afdd 50%, #43aae0 50%, #76b7e0 100%) ;*/
    /*}*/
    from { opacity: 5;color: #c9e4ee;
    }
    to {  opacity: 0.2;color: #f5f3e8;
    }
}
.promoBox aside {

    position: absolute;
    width: 230px;
    right: 0;
    margin: 0 -65px 0 0;
    -webkit-transform: rotate(35deg);
    -khtml-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
    background: #4f85bb;
    background: -moz-linear-gradient(-45deg, #4f85bb 0%, #4f85bb 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4f85bb), color-stop(100%,#4f85bb));
    background: -webkit-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
    background: -o-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
    background: -ms-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
    background: linear-gradient(135deg, #4f85bb 0%,#4f85bb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=1 );

}

.promoBox aside p { padding: 10px 80px 10px 80px; margin: 0; }
.promoBox h4 {
    font-size: 25px;
    margin: 0;
    padding: 0 35% 10px 0;
    line-height: 25px;
    border-bottom: 1px solid #ddd;

}
.promoBox p { font-size: 12px; }

/* COLOR: Box & Text
\* --------------------------------- */
.promoBox.info-box {
    background:linear-gradient(135deg, #0075ba 0%,#6ccced 50%,#6ecced 51%,#cafffb 100%) !important;
    /*background:linear-gradient(135deg, #007cc5 0%,#9ae0f8 50%,#a1e3fa 51%,#9ff0fd 100%) !important;*/
/*linear-gradient(36deg, #45b4e0 0%,#caeafb 50%,#def5ff 51%,#b4dfff 100%)*/
    background: #e0f3fa;
    background: -moz-linear-gradient(135deg, #0075ba 0%,#6ccced 50%,#6ecced 51%,#cafffb 100%) ;
    /*background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e0f3fa), color-stop(50%,#d8f0fc), color-stop(51%,#b8e2f6), color-stop(100%,#45b4e0));*/
    background: -webkit-linear-gradient(135deg, #0075ba 0%,#6ccced 50%,#6ecced 51%,#cafffb 100%) ;
    background: -o-linear-gradient(135deg, #0075ba 0%,#6ccced 50%,#6ecced 51%,#cafffb 100%) ;
    background: -ms-linear-gradient(135deg, #0075ba 0%,#6ccced 50%,#6ecced 51%,#cafffb 100%) ;
    background: linear-gradient(135deg, #0075ba 0%,#6ccced 50%,#6ecced 51%,#cafffb 100%) ;
    /*background: linear-gradient(135deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=1 );
    border-color: #b6e1f6;
}
.promoBox.info-box h4 { color: #225b9c; border-color: #8dc2dd; }

.promoBox.warning-box {
    background: #fceabb;
    background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
    background: -webkit-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
    background: -o-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
    background: -ms-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
    background: linear-gradient(135deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 );
    border-color: #fccf5a;
}
.promoBox.warning-box h4 { color: #775600; border-color: #9e8135; }

.promoBox.danger-box {
    background: #f85032;
    background: -moz-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
    background: -webkit-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    background: -o-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    background: -ms-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    background: linear-gradient(135deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=1 );
    border-color: #ff433e;
    color: #fff;
}
.promoBox.danger-box h4 { color: #fff; border-color: #ff706d; }

.promoBox.success-box {
    background: #9dd53a;
    background: -moz-linear-gradient(-45deg, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a));
    background: -webkit-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
    background: -o-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
    background: -ms-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
    background: linear-gradient(135deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=1 );
    border-color: #9dd53a;
    color: #fff;
}
.promoBox.success-box h4 { color: #4d690b; border-color: #ccfc5a; }

/* COLOR: Ribbon
\* --------------------------------- */
.promoBox.info-ribbon aside {
    /*#62eb9a 0%,#29bdd8 50%,#29bdd8 50%,#70aad7 100%*/
    background: #1e5799;
    font-weight: bold !important;
    /*background: -moz-linear-gradient(top, #62eb9a 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);*/
    background: -moz-linear-gradient(top,#56d7bd 0%,#4290c7 50%,#408fc4 51%, #2f6e99 100%);
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56d7bd), color-stop(50%,#29bdd8), color-stop(51%,#29bdd8), color-stop(100%,#5c89b7));*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56d7bd), color-stop(50%,#4290c7), color-stop(51%,#408fc4), color-stop(100%,#2f6e99));
    background: -webkit-linear-gradient(top,#56d7bd 0%,#4290c7 50%,#408fc4 51%, #2f6e99 100%);
    background: -o-linear-gradient(top,#56d7bd 0%,#4290c7 50%,#408fc4 51%, #2f6e99 100%);
    /*background: -ms-linear-gradient(top,#56d7bd 0%,#29bdd8 50%,#29bdd8 50%, #5c89b7 100%);*/
    background: -ms-linear-gradient(top,#56d7bd 0%,#4290c7 50%,#408fc4 51%, #2f6e99 100%);
/*-webkit-gradient(linear, left top, left bottom, color-stop(0%,#56d7bd), color-stop(50%,#4290c7), color-stop(51%,#408fc4), color-stop(100%,#2f6e99))*/
    /*background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);*/
    background: linear-gradient(top,#56d7bd 0%,#4290c7 50%,#408fc4 51%, #2f6e99 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56f4a6', endColorstr='#7db9e8',GradientType=0 );
    opacity: 1;

    -webkit-animation: mymoveboxcard 3s infinite; /* Safari 4.0 - 8.0 */
    animation: mymoveboxcard 3s infinite;
}

.promoBox.warning-ribbon aside {
    background: #f9c667;
    background: -moz-linear-gradient(-45deg, #f9c667 0%, #f79621 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621));
    background: -webkit-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
    background: -o-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
    background: -ms-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
    background: linear-gradient(135deg, #f9c667 0%,#f79621 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=1 );
}

.promoBox.danger-ribbon aside {
    background: #ff3019;
    background: -moz-linear-gradient(45deg, #ff3019 0%, #cf0404 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
    background: -webkit-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
    background: -o-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
    background: -ms-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
    background: linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 );
}

.promoBox.success-ribbon aside {
    background: #a9db80;
    background: -moz-linear-gradient(-45deg, #a9db80 0%, #96c56f 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f));
    background: -webkit-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
    background: -o-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
    background: -ms-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
    background: linear-gradient(135deg, #a9db80 0%,#96c56f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=1 );
}


.card_in_dashboard{
    height: 200px;
}

.card_title{
    font-size: 18pt !important;
}

.p_in_card{
    max-width: 80%;
}
 .bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #00c0ef !important;
}
.row{margin-left: 0;margin-right: 0;}
.container{padding-left: 0;}
.content{padding:0;}



tr.big_tr.odd td{
    padding-top: 3em;
    padding-bottom: 3em;
}
tr.big_tr.even td{
    padding-top: 3em;
    padding-bottom: 3em;
}

tr.big_tr.odd td{
    background: #00a65a2b;
}

form fieldset{
    padding: 1em;
    border: solid 1px #337ab7;
    border-radius: 1em;
    margin: 1em;
}

.form-horizontal .control-label {
    text-align: left !important;
}

/*.text_black{*/
    /**/
/*}*/
#notifications_container li a{
    /*padding: 1em auto 1em auto;*/
    padding-top: 1em;
    padding-bottom: 1em;
    color: #000;
    cursor: pointer;
}



.with_90 .modal-dialog {
    width: 90% !important;
    margin: 30px auto;
}


.user-panel {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}
@media screen and (max-width: 600px) {
    .site_logo {
        display: none !important;
    }
    .navbar-brand{
        font-size: 15px !important;
    }

    .navbar-nav .nav-item a:first-of-type{
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .txt_desc{
        font-size: 10px;
    }
    section .content-header{
        margin-top:20% !important;
    }
}

/*-------*/
.div_annonce {

    -webkit-animation: mymove 2s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 2s infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {border: solid 1em #00000026}
    to {border: solid 1em rgba(0, 0, 0, 0.65)
    }
}

.div_annonce2{
    border: solid 1em #00000026
}

@keyframes mymove {
    from {border: solid 1em #00000026}
    to {border: solid 1em rgba(0, 0, 0, 0.65)
    }
}

.div_annonce .progress-bar{
    background-color: #f6f6f6 !important;
}
.div_annonce .progress{
    background-color: #00000082 !important;
}

.div_annonce .icon_annonce{
    font-size: 10em !important;
}

.floattoright{
    float: right;
}
.desableddanger{
    cursor: none;
    background-color: rgba(255, 0, 0, 0.73);
}
.desableddanger *{
    cursor: none;
}
.desableddanger .column_m1 ,.desableddanger .column_m2 ,.desableddanger .column_m3, .desableddanger .column_m4,.desableddanger  .column_m5 {
    display: none !important;
}
/*------------------------------*/

/* On screens that are 992px wide or less, the background color is blue */
@media screen and (max-width: 992px) {
    .txt_desc h3 {
        font-size: 1em;
    }
    section .content-header{
        margin-top:20% !important;
    }
}


/* On screens that are 600px wide or less, the background color is olive */
@media screen and (max-width: 600px) {
    .txt_desc h2  {
        font-size: 2em;
    }

    .icon_annonce{
        font-size: 4em !important;
        /*display: none;*/
    }
    section .content-header{
        margin-top:20% !important;
    }
}

.cat_Grande{background: #52de9e;}
.cat_Moyenne{background: #6ce2ff;}
.cat_Petite{background: #ef8b6c;}
.cat_Annexe{background: #7b8ef9;}


.motif{
    display: none;
}
.to_center{
    text-align: center;
}
.card2{
    padding: 2em 0em 2em 0em;
    margin-top: 1em;
    margin-bottom: 1em;
    /*box-shadow: 2px 2px 2px 2px #bebebe;*/
    /*border: solid 5px #ff851b;*/
}

.card3{
    /*background: #17a2b8;*/
    padding: 1em 0em 1em 0em;
    /*margin: 5px;*/
    /*box-shadow: 2px 2px 2px 2px #bebebe;*/
    /*border: solid 4px #f39c12;*/
    width: 49%;
    display: inline-block;
    margin-bottom: 8px;
    /*border-i*/
}

.card4{
    background:  #ff851b ;
    padding: 2em 0em 2em 0em;
    margin-top: 1em;
    margin-bottom: 1em;
    /*box-shadow: 2px 2px 2px 2px #bebebe;*/
    /*border: solid 5px #0073b7;*/
    color: white;
}


.bg_DRF, .bg_JBAEJSP {
    /*background-color: #3d9970 !important;*/
    background-color: #00a65a  !important;
}
.bg_DRA, .bg_JBADPU {
    /*background-color: #f74f45 !important;*/
    background-color: #e00808  !important;
}
.bg_ECG, .bg_JBAMSG  {
    /*background-color: #3ca7f7 !important;*/
    background-color: #0073b7  !important;
}
.clr_white{
    color: white !important;
}
.line_hor:hover{
    background-color: #5e5e55;
}
.line_hor small{
    margin-left: 6px;
}

.bg__2{
    background-color: #3f51b5 !important;
}
.bg__1{
    background-color: #009688 !important;
}