.DIVMecanismeDeSurveillance
{
    color:red;
    padding:3px;
}
.DIVMecanismeDeSurveillance label, .RadioButtonList label
{
    padding-right :10px;
    color:green;
}


legend
{
    color: #003366;
    text-transform: capitalize;
    font-weight: bold;
    background-color: #FFFFD9;
    padding:2px 5px;
}

.RadGrid .rgFilterBox
{
    /*border-width: 1px;
    border-style: solid;
    margin: 0px;
    padding: 2px 1px 3px;
    font-size: 12px;
    vertical-align: middle;*/
    height: 23px;
}
.DivRecherche fieldset legend {
     color: #003366;
    padding:0px;
    font-size:12px;
}
/* Accordion */
.accordionHeader
{
    border: 1px solid #EBCCD1;
    background-color: #EBCCD1;
    color: white;
}
.accordionHeaderSelected
{
    border: 1px solid #EBCCD1;
    background-color: #EBCCD1;
    color: #A94442;
}
.accordionContent
{
    background-color: #F9EEF0;
    border-style: none dashed dashed dashed;
    border-right-color: #EBCCD1;
    border-bottom-color: #EBCCD1;
    border-left-color: #EBCCD1;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

/* BEGIN GREEN */
.accordionHeader_Green
{
    border: 1px solid #D6E9C6;
    background-color: #DFF0D8;
    color: #3C763D;
}
.accordionHeaderSelected_Green
{
    border: 1px solid #D6E9C6;
    background-color: #DFF0D8;
    color: black;
}
.accordionContent_Green
{
    background-color: #F2F9F0;
    border-style: none dashed dashed dashed;
    border-right-color: #D6E9C6;
    border-bottom-color: #D6E9C6;
    border-left-color: #D6E9C6;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}
/* END GREEN */

.accordionHeader, .accordionHeaderSelected, .accordionHeader_Green, .accordionHeaderSelected_Green
{
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent, .accordionContent_Green
{
    border-top: none;
    padding: 1px;
    padding-top: 10px;
}
/** TELERIK MetroTouch **/
        .RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover {
            background-color: #ef6c00;
            border: 1px solid orange;
            color: #FFF;
        }

        .bullOrange {
            /***background-image:url('images/imgitem.png');*/
            border-radius: 50px;
            text-align: center;
            color: white;
            background-color: #ef6c00;
            padding: 2px 15px;
            line-height: 28px;
            min-width: 28px;
            padding: 0px;
            border-radius: 16px;
            text-align: center;
        }

        .RadGrid_MetroTouch .rgAltRow {
            background: whitesmoke;
        }

            .RadGrid_MetroTouch .rgRow a, .RadGrid_MetroTouch .rgAltRow a, .RadGrid_MetroTouch tr.rgEditRow a, .RadGrid_MetroTouch .rgFooter a, .RadGrid_MetroTouch .rgEditForm a {
                color: #000;
                text-decoration: none;
            }

        .RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid_MetroTouch .rgSelectedRow, .RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid_MetroTouch .rgSelectedRow td.rgSorted {
            color: #FFF;
            background: #f5d08c none repeat scroll 0% 0%;
        }

            .RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid_MetroTouch .rgSelectedRow, .RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid_MetroTouch .rgSelectedRow td.rgSorted {
                color: #FFF;
                background: #f5d08c none repeat scroll 0% 0%;
            }

                .RadGrid_MetroTouch .rgActiveRow td, .RadGrid_MetroTouch .rgActiveRow td.rgSorted, .RadGrid_MetroTouch .rgSelectedRow td, .RadGrid_MetroTouch .rgSelectedRow td.rgSorted {
                    border-color: #f5d08c;
                }

        .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper, .RadGrid_MetroTouch .rgMultiHeaderRow th.rgHeader, .RadGrid_MetroTouch .rgMultiHeaderRow th.rgResizeCol {
            border-width: 0px 0px 1px 1px;
            border-style: none none solid solid;
            border-color: -moz-use-text-color -moz-use-text-color orange orange;
            -moz-border-top-colors: none;
            -moz-border-right-colors: none;
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            border-image: none;
            background-color: #ef6c00;
            /*background-color: #F5F5F5;*/
        }

        .RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow_MetroTouch .rwTitleRow .rwTopRight {
            background-color: #ef6c00;
        }

        .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a {
            color: #f5f5f5;
            border: 1px solid #ef6c00;
        }

        thead tr th .rgHeader {
            border: 1px solid #ef6c00;
        }


/* BEGIN loader */
/* Center the loader */
#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9999999;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0px;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

#myDiv {
    display: none;
    text-align: center;
}
/* END loader */