html {
    height: 100%;
}

body {
    margin: 0px;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

p {
    border: 0px;
    margin: 0px;
    padding-bottom: 15px;
}

* {
    font-size: 11px;
    outline: none;
    color: #333;
}

.Clear {
    clear: both;
}

.icoErreur, .icoMessage_0 {
    background-image: url(../images/icones/error_16.png);
}

.icoInfo, .icoMessage_1 {
    background-image: url(../images/icones/info_16.png);
}

.icoValid, .icoValider, .icoMessage_2 {
    background-image: url(../images/icones/valider_16.png);
}

.icoWarning, .icoMessage_3 {
    background-image: url(../images/icones/warning_16.png);
}

.icoAjouter {
    background-image: url(../images/icones/ajouter_16.png);
}

.icoModifier {
    background-image: url(../images/icones/modifier_16.png);
}

.icoSupprimer {
    background-image: url(../images/icones/supprimer_16.png);
}

.icoPdf {
    background-image: url(../images/icones/pdf_16.png);
}

.icoExcel {
    background-image: url(../images/icones/excel_16.png);
}

.icoRechercher {
    background-image: url(../images/icones/rechercher_16.png);
}

.icoAnnuler {
    background-image: url(../images/icones/annuler_16.png);
}

.icoListing {
    background-image: url(../images/icones/listing_16.png);
}

.icoActualiser {
    background-image: url(../images/icones/actualiser_16.png);
}

.icoMonter {
    background-image: url(../images/icones/monter_16.png);
}

.icoDescendre {
    background-image: url(../images/icones/descendre_16.png);
}

.icoImprimer {
    background-image: url(../images/icones/imprimer_16.png);
}

.icoMail {
    background-image: url(../images/icones/mail_16.png);
}

.icoPhoto {
    background-image: url(../images/icones/photo_16.png);
}

.icoSave {
    background-image: url(../images/icones/save_16.png);
}

.icoClub {
    background-image: url(../images/icones/club_16.png);
}

.icoMembre {
    background-image: url(../images/icones/membre_16.png);
}

.icoLieu {
    background-image: url(../images/icones/lieu_16.png);
}

.icoStat {
    background-image: url(../images/icones/stats_16.png);
}

.icoStat_48 {
    background-image: url(../images/icones/stats_48.png);
}

.icoCommentaire {
    background-image: url(../images/icones/commentaire_16.png);
}

.icoStatMembre {
    background-image: url(../images/icones/stat_membre_16.png);
}

.icoEnvoyerMail_48 {
    background-image: url(../images/icones/envoyer_mail_48.png);
}

.icoRetour {
    background-image: url(../images/icones/retour_16.png);
}

.Page_Titre {
    height: 25px;
    border-bottom: 1px solid #95a8c3;
    background: #cadef7; /* Old browsers */
    background: -moz-linear-gradient(top, #cadef7 0%, #e6f0fe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cadef7), color-stop(100%,#e6f0fe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cadef7 0%,#e6f0fe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cadef7 0%,#e6f0fe 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #cadef7 0%,#e6f0fe 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cadef7', endColorstr='#e6f0fe',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #cadef7 0%,#e6f0fe 100%); /* W3C */
}

    .Page_Titre span {
        float: right;
        font-size: 16px;
        color: #15428b;
        padding-top: 5px;
        padding-right: 10px;
    }

#UpdateProgress1 {
    float: right;
    padding: 4px;
    padding-right: 10px;
}

.Message {
    display: block;
    height: 22px;
    border-bottom: 1px solid #95a8c3;
    font-size: 14px;
    color: #333;
    padding-top: 5px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 10px 5px;
    background-color: #fff3c1;
}

.Groupe_Box_01 {
    margin: 5px;
    border: 1px solid #c8e0ff;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

    .Groupe_Box_01:hover {
        -webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, .3);
        box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, .3);
    }

.Groupe_Box_01_Titre {
    color: #15428b;
    font-size: 11px;
    padding: 5px;
    background: #e4effd; /* Old browsers */
    background: -moz-linear-gradient(top, #e4effd 0%, #c8e0ff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4effd), color-stop(100%,#c8e0ff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4effd 0%,#c8e0ff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4effd 0%,#c8e0ff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #e4effd 0%,#c8e0ff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4effd', endColorstr='#c8e0ff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #e4effd 0%,#c8e0ff 100%); /* W3C */
}

.Hidden {
    visibility: hidden;
}

.Groupe_Box_01_Content_Titre {
    font-size: 14px;
    border-bottom: dotted 1px #565656;
    padding-bottom: 4px;
    padding-top: 10px;
    margin-bottom: 3px;
    color: #15428b;
    letter-spacing: 0.06em;
    font-weight: normal;
    padding-right: 15px;
}

.Groupe_Box_01_Content {
    padding: 5px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 70%, #d5d7db 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#d5d7db)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 70%,#d5d7db 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#ffffff 70%,#d5d7db 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 70%,#d5d7db 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d7db',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%,#ffffff 70%,#d5d7db 100%); /* W3C */
}

.Groupe_Box_01_Controle {
    background-color: #d5d7db;
    padding: 2px;
}

.Groupe_Box_02_Controle {
    background-color: #f1f7ff;
    padding: 4px;
    border-bottom: solid 1px #c8e0ff;
}


.Groupe_Box_01_Bouton {
    position: relative;
    float: left;
    font-size: 11px;
    padding: 5px;
    height: 14px;
    line-height: 14px;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    text-decoration: none;
    background-color: #fff3c1;
    color: #333;
    margin-right: 2px;
    border: 1px solid #999;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    padding-right: 5px;
    padding-bottom: 5px;
}

    .Groupe_Box_01_Bouton:hover, .Groupe_Box_01_Icone:hover {
        background-color: #fffce5;
        border: 1px solid #b59e79;
        -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    }

.Groupe_Box_01_Icone {
    float: left;
    padding: 5px;
    height: 14px;
    margin-right: 2px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff3c1;
    text-decoration: none;
    border: 1px solid #999;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.Bouton_01 {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

    .Bouton_01:hover {
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }

.Scrollable {
    overflow: auto;
    height: 100%;
}

.Bouton_02 {
    float: left;
    display: block;
    width: 20px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

    .Bouton_02:hover {
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }

.Bouton_03 {
    float: left;
    display: block;
    width: 20px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
    margin-top: 4px;
}

    .Bouton_03:hover {
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }

.Align_0 {
    text-align: left;
}

.Align_1 {
    text-align: center;
}

.Align_2 {
    text-align: right;
}

.Float_Left {
    float: left;
}

.Float_Right {
    float: right;
    top: 0px;
    left: 0px;
}

.Page_Content_Filtre {
    margin-bottom: 10px;
    border-bottom: 1px solid #95a8c3;
}

.Page_Content_Filtre_Content {
    padding: 5px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 70%, #d5d7db 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#d5d7db)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 70%,#d5d7db 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#ffffff 70%,#d5d7db 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 70%,#d5d7db 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d7db',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%,#ffffff 70%,#d5d7db 100%); /* W3C */
}

.Groupe_Box_01_Controle {
    background-color: #d5d7db;
    padding: 2px;
}

.Tab_Container_Controle_Gris {
    padding: 5px;
    border: 1px solid #999999;
    border-top: 0px;
    background-color: #d5d7db;
}

.Tab_Container_Controle {
    padding: 5px;
    border: 1px solid #999999;
    border-top: 0px;
    background-color: #bfdbff;
}

.Gris_01 {
    color: #545454;
}

.Composant_Autocomplete {
    background-color: #fff;
    margin-top: -0px;
    font-size: 11px;
    font-family: Arial;
    color: #545454;
    padding: 3px;
    background-repeat: repeat-x;
    border: solid 1px #777;
    width: 200px;
    outline: none;
    list-style: none;
    margin-top: -1px;
    visibility: hidden;
}

.Composant_Autocomplete_Item {
    list-style: none;
    cursor: pointer;
}

.Composant_Autocomplete_Item_Hover {
    background-color: #eee;
    list-style: none;
    cursor: pointer;
}

.Tab_Wrapper {
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    border: solid 1px #d4e6fe;
}

    .Tab_Wrapper:hover {
        -webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, .3);
        box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, .3);
    }

.ajax__tab_header {
    border-bottom: solid 1px #d4e6fe;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
    z-index: 1;
    background-color: #f5f9ff;
}

.ajax__tab_outer {
    border: solid 1px #a5c7f1;
    border-bottom: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.ajax__tab_hover .ajax__tab_outer {
    z-index: 2;
}

.ajax__tab_hover .ajax__tab_inner, .ajax__tab_active .ajax__tab_inner {
    font-size: 11px;
    padding: 5px;
    background: #e4effd; /* Old browsers */
    background: -moz-linear-gradient(top, #c5defe 0%, #84bfec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5defe), color-stop(100%,#84bfec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c5defe 0%,#84bfec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c5defe 0%,#84bfec 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #c5defe 0%,#84bfec 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4effd', endColorstr='#84bfec',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #c5defe 0%,#84bfec 100%); /* W3C */
}

.ajax__tab_inner {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 11px;
    padding: 5px;
    background: #e4effd; /* Old browsers */
    background: -moz-linear-gradient(top, #eaf3ff 0%, #c8e0ff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf3ff), color-stop(100%,#c8e0ff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eaf3ff 0%,#c8e0ff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eaf3ff 0%,#c8e0ff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #eaf3ff 0%,#c8e0ff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf3ff', endColorstr='#c8e0ff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #eaf3ff 0%,#c8e0ff 100%); /* W3C */
}

    .ajax__tab_inner span {
        color: #15428b;
    }

.ajax__tab_hover .ajax__tab_inner span, .ajax__tab_active .ajax__tab_inner span {
    color: #1a3a6f;
}

.ajax__tab_tab {
    padding-left: 15px;
    padding-right: 15px;
}

.ajax__tab_disabled .ajax__tab_inner {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 11px;
    padding: 5px;
    background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e7e8e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#e7e8e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#e7e8e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3f3f3 0%,#e7e8e9 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f3f3f3 0%,#e7e8e9 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf3ff', endColorstr='#e7e8e9',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #f3f3f3 0%,#e7e8e9 100%); /* W3C */
}

.ajax__tab_disabled .ajax__tab_outer {
    border: solid 1px #dedede;
    border-bottom: none;
}

.ajax__tab_disabled span {
    color: #a1a1a1;
}

.ajax__tab_body {
    border-left: solid 1px #d4e6fe;
    border-right: solid 1px #d4e6fe;
    padding-left: 5px;
    padding-right: 5px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 70%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 70%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#ffffff 70%,#eeeeee 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 70%,#eeeeee 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%,#ffffff 70%,#eeeeee 100%); /* W3C */
}

.TabPanel_Controle {
    background-color: #efefef;
    padding: 5px;
    border-left: solid 1px #d4e6fe;
    border-right: solid 1px #d4e6fe;
    border-bottom: solid 1px #d4e6fe;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

#Loading_Filtre {
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    position: absolute;
    background-color: white;
    z-index: 9999;
    -moz-opacity: 0.0;
    opacity: 0.0;
    filter: alpha(opacity=0);
}

#Uploader {
    width: 530px;
}

.Photo_Wrapper {
    width: 530px;
    margin-top: 15px;
}

    .Photo_Wrapper.Type_02 {
        width: 848px;
        margin-top: 0px;
    }


.sortable_photo {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .sortable_photo li {
        margin: 1px;
        float: left;
        width: 102px;
        height: 102px;
        text-align: center;
        /*cursor: move;*/
        border: solid 1px #ddd;
        overflow: hidden;
        position: relative;
    }

        .sortable_photo li a,
        .sortable_photo li a img {
            border: none;
        }

        .sortable_photo li .Bouton_02.icoSupprimer {
            position: absolute;
            bottom: 4px;
            right: 4px;
            visibility: hidden;
        }

        .sortable_photo li .Bouton_02.icoModifier,
        .sortable_photo li .Bouton_02.icoRechercher {
            position: absolute;
            bottom: 4px;
            right: 24px;
            visibility: hidden;
        }

        .sortable_photo li:hover > .Bouton_02 {
            visibility: visible;
        }

    .sortable_photo .placeHolder {
        background-color: #fff;
    }