/************************************** Contenaire ***********************************/
.contener {
    background-color: #dce9f9;
    background: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background: linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 3px 0 rgba(255, 255, 255, .6) inset;
    -moz-box-shadow: 0 3px 0 rgba(255, 255, 255, .6) inset;
    box-shadow: 0 3px 0 rgba(255, 255, 255, .6) inset;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #C1D9FD;
    margin: 0 auto;
    width: 100%;
    padding: 7px 0;
}

.ui-contener {
    background: url("../theme/jquery-ui/cupertino/images/ui-bg_glass_50_3baae3_1x400.png") repeat-x scroll 50% 50% #3baae3;
    -webkit-box-shadow: 0 2px 0 rgba(255, 255, 255, .6) inset;
    -moz-box-shadow: 0 2px 0 rgba(255, 255, 255, .6) inset;
    box-shadow: 0 2px 0 rgba(255, 255, 255, .6) inset;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #45aac5;
    margin: 0 2px;
    padding: 7px 0;
    color: #fff;
}


/******************************** Grid 1 *************************************/
.table {
    /*border-collapse: collapse;*/ /*IE7 and lower*/
    border-spacing: 0;
    width: 100%;
}

.ui-bordered {
    border: solid #ccc 0px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    /*-webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc; */
    text-decoration: none;
}


    .ui-bordered tr:hover {
        background: #fbf8e9;
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .ui-bordered td, .ui-bordered th {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        /*padding: 10px;*/
        padding: 0 3px;
        font-size: 0.9em;
        color: #000;
        text-decoration: none;
    }

    .ui-bordered th {
        background-color: #4681b4;
        background: url('ie-css3.htc');
        background: -webkit-gradient(linear, center top, center bottom, from(#ebf3fc), to(#dce9f9));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf3fc', endColorstr='#dce9f9');
        background: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
        background: linear-gradient(top, #ebf3fc, #dce9f9);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
        text-align: center;
        border-top-style: none;
        border-top-color: inherit;
        border-top-width: medium;
    }

        -child, .ui-bordered th:first-child {
            /*border-left: none;*/
        }

        .ui-bordered th:first-child {
            -moz-border-radius: 6px 0 0 0;
            -webkit-border-radius: 6px 0 0 0;
            -ms-border-radius: 6px 0 0 0;
            -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
        }

        .ui-bordered th:last-child {
            -moz-border-radius: 0 6px 0 0;
            -webkit-border-radius: 0 6px 0 0;
            -ms-border-radius: 0 6px 0 0;
            -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
        }

        .ui-bordered th:only-child {
            -moz-border-radius: 6px 6px 0 0;
            -webkit-border-radius: 6px 6px 0 0;
            -ms-border-radius: 6px 6px 0 0;
            -o-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
        }

    .ui-bordered tr:last-child td:first-child {
        -moz-border-radius: 0 0 0 6px;
        -webkit-border-radius: 0 0 0 6px;
        -ms-border-radius: 0 0 0 6px;
        -o-border-radius: 0 0 0 6px;
        border-radius: 0 0 0 6px;
    }

    .ui-bordered tr:last-child td:last-child {
        -moz-border-radius: 0 0 6px 0;
        -webkit-border-radius: 0 0 6px 0;
        -ms-border-radius: 0 0 6px 0;
        -o-border-radius: 0 0 6px 0;
        border-radius: 0 0 6px 0;
    }

    .ui-bordered tr:nth-child(odd) {
    }

    .ui-bordered tr:nth-child(even) {
        background-color: #e3e3e3;
        background: -moz-linear-gradient(top, #f2f0f0, #e3e3e3);
        background: -ms-linear-gradient(top, #f2f0f0, #e3e3e3);
        background: -o-linear-gradient(top, #f2f0f0, #e3e3e3);
        background: linear-gradient(top, #f2f0f0, #e3e3e3);
        background: -webkit-gradient(linear, center top, center bottom, from(#f2f0f0), to(#e3e3e3));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f0f0', endColorstr='#e3e3e3');
    }

/*.ui-bordered td { text-align: right; padding: 0 4px; }*/

.ui-table {
    border:  1px solid #45aac5;
    /*-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;*/
    text-decoration: none;
    border-spacing: 0;
    width: 100%;
}

    .ui-table td {
        border-left: 1px solid #ccc;
        border-top: 1px solid #fff;
        padding: 0 3px;
        font-size: 1.1em;
        text-decoration: none;
    }

    .ui-table th {
        background-color: #3baae3;
        background: url("../theme/jquery-ui/cupertino/images/ui-bg_glass_50_3baae3_1x400.png") repeat-x scroll 50% 50% #3baae3;
        /*-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
        -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
        -o-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;*/
        color: #fff;
        text-align: center;
        border-top-style: none;
        border-top-color: inherit;
        border-top-width: medium;
        font-weight: bold;
        height: 23px;
        border-left: 1px solid #ccc;
        border-top: 1px solid #fff;
        padding: 0 3px;
        font-size: 1.2em;
        text-decoration: none;
    }

    .ui-table th a {
        color: #fff;
        text-decoration: none;
    }

    .ui-table td {
        color: #000;
        font-weight: normal;
    }

    .ui-table th:first-child {
        -moz-border-radius: 6px 0 0 0;
        -webkit-border-radius: 6px 0 0 0;
        -ms-border-radius: 6px 0 0 0;
        -o-border-radius: 6px 0 0 0;
        border-radius: 6px 0 0 0;
    }

    .ui-table th:last-child {
        -moz-border-radius: 0 6px 0 0;
        -webkit-border-radius: 0 6px 0 0;
        -ms-border-radius: 0 6px 0 0;
        -o-border-radius: 0 6px 0 0;
        border-radius: 0 6px 0 0;
    }

    .ui-table th:only-child {
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
        -o-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }

    .ui-table tr:last-child td:first-child {
        -moz-border-radius: 0 0 0 6px;
        -webkit-border-radius: 0 0 0 6px;
        -ms-border-radius: 0 0 0 6px;
        -o-border-radius: 0 0 0 6px;
        border-radius: 0 0 0 6px;
    }

    .ui-table tr:last-child td:last-child {
        -moz-border-radius: 0 0 6px 0;
        -webkit-border-radius: 0 0 6px 0;
        -ms-border-radius: 0 0 6px 0;
        -o-border-radius: 0 0 6px 0;
        border-radius: 0 0 6px 0;
    }

    .ui-table tr:nth-child(odd) {
    }

    .ui-table tr:nth-child(even) {
        background: url("../theme/jquery-ui/cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png") repeat-x scroll 50% 50% #d7ebf9;
    }

/*###################################################  Il fonctionne avec Plugin SelectableSygecpaf   #############################################*/
    .ui-active td > a, .ui-active td {
        color: #fff;
        font-weight: bold;
        background-color: #3baae3;
        text-decoration: none;
    }

/************************** Moteur de recherche 1 ****************************/
.ui-search {
    margin-bottom: 2em;
}

    .ui-search label {
        margin: 0.875em 0;
    }

    .ui-search label {
        color: rgba(0, 0, 0, 0.25);
        display: block;
        font-weight: 400;
        margin: 0.875em 0;
    }

input.ui-search {
    border-radius: 0.5em 0 0 0.5em;
    border-right: 0 none;
    color: #777777;
    height: 1.375em;
    line-height: 1.5em;
    margin-bottom: 0;
    padding: 0.375em 0 0.375em 2%;
    vertical-align: top;
    width: 73%;
}

.ui-search .search_submit {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, #31b2c3 0px, #0483a0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #31b2c3 #31b2c3 #31b2c3 -moz-use-text-color;
    border-image: none;
    border-radius: 0 0.5em 0.5em 0;
    border-style: solid solid solid none;
    border-width: 0.07em 0.07em 0.07em 0;
    color: #FFFFFF;
    height: 2.375em;
    left: -0.3125em;
    line-height: 2.25em;
    margin: 0;
    padding: 0 1%;
    position: relative;
    transition: border-color 0.3s ease 0s;
    width: 23%;
    cursor: pointer;
}

/************************** Moteur de recherche 2 ****************************/
.sm-search {
    margin-bottom: 2em;
}

    .sm-search label {
        margin: 0.875em 0;
    }

    .sm-search label {
        color: rgba(0, 0, 0, 0.25);
        display: block;
        font-weight: 400;
        margin: 0.875em 0;
    }

.sm-search {
    border-radius: 0.5em 0 0 0.5em;
    border-right: 0 none;
    color: #777777;
    height: 2.375em;
    line-height: 1.5em;
    margin-bottom: 0;
    padding: 0.375em 0 0.375em 2%;
    vertical-align: top;
    width: 73%;
}

    .sm-search .search_submit {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: linear-gradient(to bottom, #2d9ab6 0px, #288da7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        border-color: #C73A11 #C73A11 #C73A11 -moz-use-text-color;
        border-image: none;
        border-radius: 0 0.5em 0.5em 0;
        border-style: solid solid solid none;
        border-width: 0.07em 0.07em 0.07em 0;
        color: #FFFFFF;
        height: 2.375em;
        left: -0.3125em;
        line-height: 2.25em;
        margin: 0;
        padding: 0 1%;
        position: relative;
        transition: border-color 0.3s ease 0s;
        width: 23%;
    }

form input, f form input, form textarea {
    transition: border-color 0.3s ease 0s;
}

button, input, select, textarea {
    margin: 0;
}

input, select {
    vertical-align: middle;
}

/************************************************** Combobox et textbox *************************************************/

.ui-input, .ui-textarea, .ui-select {
    border: 1px solid #B5CBFD;
    border-radius: 5px;
    -mos-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 2px #C0C0C0 inset;
    padding: 4px;
    font-size: .8em;
    width: 200px;
}

.ui-dropdownlist {
    border: 2px solid #7d6754;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none; /*background-image: url('Images/Arrowhead-Down-01.png');*/
    background-image: url('../images/combobox1.png');
    background-position: 88px;
    background-repeat: no-repeat;
    text-indent: 0.01px; /*In Firefox*/
    text-overflow: ''; /*In Firefox*/
}

.ui-select {
    padding: 3px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color: #888;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

/********************************** Arriere plan **********************************/
.ui-titre {
    text-align: center;
}

fieldset label.inline {
    display: inline;
}

fieldset {
    margin: 5px 0px;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border: 1px solid #45aac5;
    /*width: 960px */
}

legend {
    background-color: #3baae3;
    background: url("../theme/jquery-ui/cupertino/images/ui-bg_glass_50_3baae3_1x400.png") repeat-x scroll 50% 50% #3baae3;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset;
    -o-box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset;
    -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset;
    font-weight: normal;
    color: #fff;
    font-size: 1.2em;
    height: 22px;
    margin: 6px 0;
    padding: 0 10px;
    min-width: 200px;
    border: 1px solid #006FEE;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

/******************************************* Combobox ***************************************/

.ndropdownlist {
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    padding: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('../images/combobox3.png');
    background-position: right;
    background-repeat: no-repeat;
    text-indent: 0.01px; /*In Firefox*/
    text-overflow: ''; /*In Firefox*/
    cursor: pointer;
}

    .ndropdownlist:hover {
        border: 1px solid #b8b0ac;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        padding: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        background-image: url('../images/combobox2.png');
        background-repeat: no-repeat;
        background-position: right;
        text-indent: 0.01px; /*In Firefox*/
        text-overflow: ''; /*In Firefox*/
        opacity: 2;
        cursor: pointer;
    }

/**************************** creation de d'utilisateur ************************/

.ui-registration {
    color: #000;
    background: #2d2d2d;
    background-color: #dce9f9;
    background: -webkit-gradient(linear, center top, center bottom, from(#ebf3fc), to(#dce9f9));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf3fc',endColorstr='#dce9f9',GradientType=0);
    background: linear-gradient(top, #ebf3fc, #dce9f9);
    background: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 2px 0 rgba(255, 255, 255, .6) inset;
    -moz-box-shadow: 0 2px 0 rgba(255, 255, 255, .6) inset;
    -ms-box-shadow: 0 2px 0 rgba(255, 255, 255, .6) inset;
    -o-box-shadow: 0 2px 0 rgba(255, 255, 255, .6) inset;
    box-shadow: 0 2px 0 rgba(255, 255, 255, .6) inset;
    border: 1px solid #C1D9FD;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    padding: 10px;
    width: 430px;
}

    .ui-registration a {
        color: #8c910b;
        text-shadow: 0px -1px 0px #000;
    }

/*.ui-registration fieldset
{
padding: 10px;
}*/

input.ui-text {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 5px;
    border: solid 1px #8f8f8f;
    font-size: 14px;
    width: 70%;
    padding: 5px 6px 4px 30px;
    background: #ddd url('../images/inputSprite.png') no-repeat 4px 5px;
    background: url('../images/inputSprite.png') no-repeat 4px 5px, -moz-linear-gradient( center bottom, rgb(233, 233, 233) 0%, rgb(251, 251, 251) 50%, rgb(233, 233, 233) 100% );
    background: url('../images/inputSprite.png') no-repeat 4px 5px, -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(225, 225, 225)), color-stop(0.54, rgb(215, 215, 215)), color-stop(1, rgb(173, 173, 173)) );
    color: #333;
}

input.ui-email {
    background-position: 4px 2px;
    background-position: 4px 2px, 0px 0px;
}

input.ui-password {
    background-position: 4px -24px;
    background-position: 4px -24px, 0px 0px;
}

input.ui-name {
    background-position: 4px -50px;
    background-position: 4px -50px, 0px 0px;
}

input.ui-tel {
    background-position: 4px -79px;
    background-position: 4px -79px, 0px 0px;
}

input.ui-recherche {
    background-position: 4px -83px;
    background-position: 4px -83px, 0px 0px;
}

.ui-registerNew:hover {
    background-position: 0px -41px;
}

.ui-registerNew:active {
    background-position: 0px -82px;
}

.ui-registration p {
    position: relative;
}

.ehkbox {
    COLOR: #5B7380;
    border-style: none;
    font-family: Arial;
    font-size: 8px;
    margin-right: 20px;
    margin-left: 20px;
}

/********************************* Validation ********************************/

.ui-section {
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 9998;
}

.opaque {
    background-position: 0 0;
    background-repeat: repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDgzRjczNTVCRkE1MTFFMEIyRkRFRkYyOTQ1NEUxNUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDgzRjczNTZCRkE1MTFFMEIyRkRFRkYyOTQ1NEUxNUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowODNGNzM1M0JGQTUxMUUwQjJGREVGRjI5NDU0RTE1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowODNGNzM1NEJGQTUxMUUwQjJGREVGRjI5NDU0RTE1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk4eFz0AAAAPSURBVHjaYmBgYGgACDAAAIUAgevVTJkAAAAASUVORK5CYII=);
}

.ui-section-2 {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    z-index: 9999;
    position: absolute;
    color: #666;
    text-shadow: 0 1px 0 #fff;
}

    .ui-section-2 a, .ui-section-2 a:hover, .ui-section-2 a:active, .ui-section-2 a:visited {
        color: black;
        text-decoration: none;
    }

    .ui-section-2 .ui-Header {
        height: 28px;
        background: linear-gradient(top, #1295ee, #0f89dc);
        background: -webkit-gradient(linear, center top, center bottom, from(#1295ee), to(#0f89dc));
        background: -moz-linear-gradient(top, #1295ee, #0f89dc);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset;
        -o-box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset;
        overflow: hidden;
        cursor: move !important;
        /*background: url('../images/Header-title.png') no-repeat;*/
    }

        .ui-section-2 .ui-Header div.text-header {
            color: #FFFFFF;
            font-size: 11px;
            line-height: 27px;
            margin: 0;
            padding: 0 50px;
            text-align: center;
            text-shadow: 0 1px 0 #000;
            -moz-text-shadow: 0 1px 0 #000;
            -ms-text-shadow: 0 1px 0 #000;
            -webkit-text-shadow: 0 1px 0 #000;
            -o-text-shadow: 0 1px 0 #000;
        }

        .ui-section-2 .ui-Header span {
            float: right;
        }

    .ui-section-2 .ui-Content {
        background-color: #efefef;
        border-bottom: 1px solid #bfbfbf;
        min-height: 50px;
        padding: 20px;
        text-align: left;
        display: block;
    }

    .ui-section-2 .ui-Footer {
        height: 60px;
        border-top: 1px solid #fff;
        background-color: #d7d7d7;
        overflow: hidden;
        text-align: left;
    }

    .ui-section-2.top, .ui-section-2 .top {
        -moz-border-top-left-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        -ms-border-top-left-radius: 5px;
        -o-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -moz-border-top-right-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -ms-border-top-right-radius: 5px;
        -o-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        -ms-background-clip: padding-box;
        -o-background-clip: padding-box;
        background-clip: padding-box;
    }

    .ui-section-2.bottom, .ui-section-2 .bottom {
        -moz-border-bottom-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -ms-border-bottom-left-radius: 5px;
        -o-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -ms-border-bottom-right-radius: 5px;
        -o-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        -ms-background-clip: padding-box;
        -o-background-clip: padding-box;
        background-clip: padding-box;
    }

    .ui-section-2.shadow, .ui-section-2 .shadow {
        -moz-box-shadow: 0px 0px 15px #000;
        -webkit-box-shadow: 0px 0px 15px #000;
        -ms-box-shadow: 0px 0px 15px #000;
        -o-box-shadow: 0px 0px 15px #000;
        box-shadow: 0px 0px 15px #000;
    }

/********************************** loading ************************************/

.loading {
    display: none;
    background: url("../theme/jquery-ui/cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png") repeat-x scroll 50% 50% #d7ebf9;
    border: 1px solid #3baae3;
    border-radius: 5px;
    height: 75px;
    left: 50%;
    padding-top: 9px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 150px;
    z-index: 10000;
}

/***************************************** Bouton *****************************************/

.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .3em 2em .4em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -moz-text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -ms-text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -o-text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    -ms-border-radius: .5em;
    -o-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, center top, center bottom, from(#00adee), to(#0078a5));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    background: -ms-linear-gradient(top, #00adee, #0078a5);
    background: -o-linear-gradient(top, #00adee, #0078a5);
}

.buttongray {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: linear-gradient(top, #888, #575757);
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
    background: -o-linear-gradient(top, #888, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

/********************************************* checkbox  ********************************************/

input[type=checkbox], input[type=radio] {
    display: none;
}

input[type=radio] + label {
        display: inline-block;
        zoom: 1;
        background-image: url(../images/radio-unchecked.png);
        background-repeat: no-repeat;
        width: auto;
		height: 16px;
        padding: 0 30px 0 20px;
        cursor: pointer;
        vertical-align: middle;
    }

    input[type=radio]:checked + label {
        background-image: url(../images/radio-checked.png);
        background-repeat: no-repeat;
    }


input[type=checkbox] + label {
        display: inline-block;
        zoom: 1;
        background-image: url(../images/inputs-unchecked.png);
        background-repeat: no-repeat;
        width: auto;
		height: 16px;
        padding: 0 30px 0 20px;
        cursor: pointer;
        vertical-align: middle;
    }

    input[type=checkbox]:checked + label {
        background-image: url(../images/inputs-checked.png);
        background-repeat: no-repeat;
    }
.option li
{
    display:inline;
}

.marge {
    margin: 1px 108px;
}

.form-label {
}

.form-field {
        background: #fff;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		counter-reset: fieldsets;
		padding: 20px;
		border: 1px solid #45aac5;
}

.k-ff input.k-textbox {
    width: 220px;
    font-family: 'Ubuntu-R',"Helvetica Neue", Helvetica, Arial, sans-serif;
}

#treeview-sprites .k-sprite {
                    background-image: url("../images/coloricons-sprite.png");
                }

.k-combobox {
    width: 303px;
    font-family: 'Ubuntu-R',"Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.form
{
     padding-left: 5px;
}

.s-table-form {
    width: 100%;
}

.s-table-form th {
    padding-right: 10px;
    font-size: 1.1em;
    text-align: right;
    width: 35%;
}


.content-accordion {
    margin-left: -10px;
    text-align: left;
}

.search
{
	border-radius: 5px  0 0 5px;
	-webkit-border-radius: 5px  0 0 5px;
	-o-border-radius: 5px  0 0 5px;
	-moz-border-radius: 5px  0 0 5px;
	-ms-border-radius: 5px  0 0 5px;
	border: 1px solid #3baae3;
    float: right;
    height: 28px;
    margin-right: -1px;
	padding: 3px 10px;
    width: 60%;
}

.search_button
{
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
    border: 1px solid #3baae3;
    height: 28px;
	padding: 3px 15px;
    margin-left: -4px;
}

@media(max-width: 1024px) {

    .search_button
    {
        margin-left: -5px;
    }

    .k-combobox {
        width: 60%;
    }
}



/********************************************* Pagination  ********************************************/

.paginations {
    background: url("../theme/jquery-ui/cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png") repeat-x scroll 50% 50% #d7ebf9;
    border-top: 1px solid #45aac5;
    margin-left: -3px;
    margin-right: -3px;
    padding-left: 3px;
    padding-top: 2px;
}

.premier {
}

.precedent {
    content: '';
    background-image: url('../images/Precedent.png');
    background-repeat:no-repeat;
    width: 16px;
    height: 16px;
}

.suivant a:link {
}

.dernier {
}

a.modifier {
    background-image: url('../images/Precedent.png');
    background-repeat:no-repeat;
    width: 16px;
    height: 16px;
}

.arrondie {
    border: 1px solid #45aac5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 5px;
    background-color: #fff;
    box-shadow: 1px 1px 3px #093761;
}

.ui-ombres {
    box-shadow: 1px 1px 3px #093761;
}

.ui-content-form {
    background: -webkit-gradient(linear, center top, center bottom, from(#00bfff), to(#3baae3));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bfff', endColorstr='#3baae3');
    background: -moz-linear-gradient(top, #00bfff, #3baae3);
    background: -ms-linear-gradient(top, #00bfff, #3baae3);
    background: -o-linear-gradient(top, #00bfff, #3baae3);
}

.tailleTableau {
    font-size: 0.85em;
}

.taill-a {
    width: 50%;
}

.taille-b {
    width: 100%;
}

.titreMin {    
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    margin-right: 5px;
    text-align: center;
    width: 20%;
}

.taillebutton {
    height: 25px;
    line-height: 1.3;
    margin: 3px;
    padding: 0.37em 10px;
}

 .tailleLabel {
        font-size: 1.3em;
    }

.tailleCheckbox {
    color: #ffffff; 
    font-size: 0; 
    margin-right: -35px; 
    z-index: 10000;
}

/*########################################### Mouvements ##################################################*/
.optionMouv-1 {
    background-color: #f8ba4a;
    background: -webkit-linear-gradient(top, #f8ba4a, #fbdaa3);
    background: -moz-linear-gradient(top, #f8ba4a, #fbdaa3);
    background: linear-gradient(top, #f8ba4a, #fbdaa3); 
    width: 100%; 
    border-radius: 5px 0 0 5px; 
    height: 80px;
}

.optionMouv-2 {
    background-color: #adf967; 
    background: -webkit-linear-gradient(top, #adf967, #c1ffb3);
    background: -moz-linear-gradient(top, #adf967, #c1ffb3);
    background: linear-gradient(top, #adf967, #c1ffb3); 
    width: 100%; 
    height: 80px;
}

.optionMouv-3 {
    background-color: #80b9fa;
    background: -webkit-linear-gradient(top, #80b9fa, #80d8fa);
    background: -moz-linear-gradient(top, #80b9fa, #80d8fa);
    background: linear-gradient(top, #80b9fa, #80d8fa); 
    width: 100%; 
    border-radius: 0 5px 5px 0;
    height: 80px;
}

/*############################################# Pagination #############################################*/

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 2px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 4px 12px;
  margin-left: 2px;
  line-height: 1.428571429;
  text-decoration: none;
  background: url("../theme/jquery-ui/cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png") repeat-x scroll 50% 50% #d7ebf9;
  border: 1px solid #3baae3;
  height: 22px;
  font-size: .8em;
  /*border-radius: 20px;*/
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  /*border-radius: 20px;*/
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  /*border-radius: 20px;*/
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
  /*border-radius: 20px;*/
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background: url("../theme/jquery-ui/cupertino/images/ui-bg_glass_50_3baae3_1x400.png") repeat-x scroll 50% 50% #3baae3;
  border-color: #3baae3;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  /*border-radius: 15px;*/
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}


/*############################################# Pagination #############################################*/

input[type="search"] .form-control {
    text-align: left;
}

/********************** Modal bootstrap *******************/

    .modal-dialog {
        margin: 30px auto;
        width: 400px;
    }

    .modal-header {
        /*background-color: #3baae3;
        background: url("../theme/jquery-ui/cupertino/images/ui-bg_glass_50_3baae3_1x400.png") repeat-x scroll 50% 50% #3baae3;*/
        border-bottom: 1px solid #e5e5e5;
        min-height: 16.4286px;
        /*padding: 10px;*/
        padding: 0.2em;
        color: black !important;
        text-align: center;
        font-size: 20px;
    }

    .modal-footer {
        /*background-color: #deedf7;
        background: #deedf7 url(images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x;*/
        border-top: 1px solid #e5e5e5;
        margin-top: 15px;
        padding: 10px 20px;
        text-align: right;
    }

    .modal-lg {
        width: 680px;
    }

    .modal-content {
        padding: 0.2em;
    }

.ui-autocomplete-input {
  border: none; 
  font-size: 14px;
  width: 300px;
  height: 24px;
  margin-bottom: 5px;
  padding-top: 2px;
  border: 1px solid #DDD !important;
  padding-top: 0px !important;
  z-index: 1511;
  position: relative;
}
.ui-menu .ui-menu-item a {
  font-size: 12px;
}
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1051 !important;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}
/*.ui-state-hover, .ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
}*/