/*
    DESIGN.CSS
*/

:focus {
    outline: none !important;
}

body {
    background-color: #e5ebee;
    color: #000;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    text-decoration: none;
    text-align: center;
}

img, table {
    border: 0;
    border-collapse: collapse; /*margin: 0;*/
    padding: 0;
}

a {
    color: black;
    text-decoration: none;
}

    a:hover.lien {
        color: black;
        text-decoration: underline;
    }

.maintenance {
    width: 100%;
    text-align: center;
    font-size: 18px;
}

.info_popup {
    width: 800px;
    text-align: justify;
    font-size: 14px;
    margin-left: 20px;
}

.info_popup_img {
    margin-top: 30px;
    margin-bottom: 30px;
}

.ViewErreur {
    text-align: center;
}

/* BLOCS */

.ctr_rubrique {
    background-color: white;
    border: 1px solid white;
    width: 980px;
    padding: 2px;
    position: relative;
    top: 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.ctr_formulaire {
    margin-top: 20px;
    margin-left: 180px;
    border-bottom: 1px solid #0091b4;
    border-right: 1px solid #0091b4;
    border-top: 1px solid #0091b4;
    border-left: 1px solid #0091b4;
    width: 570px;
    height: auto;
    min-height: 320px;
}

.ctr_fond {
    clear: both;
    min-height: 370px;
}

.footer {
    width: 980px;
    padding: 2px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.TextInfo {
    font-size: 14px;
    text-align: left;
}

/* Bloc accueil */

.nomImeuble {
    font-weight: bold;
}

.pandetailLocataire {
    margin-top: 8px;
}

.pnlProprietaire {
    margin-top: 8px;
}

.etatMonBien {
    font-weight: bold;
}

.accueil_fiche {
    font-size: 14px;
}

.accueil_fiche_top_color {
    font-weight: bold;
    text-align: center;
}

.accueil_fiche_top {
    position: relative;
    height: 48px;
    text-align: center;
    margin-top: 15px;
}

.accueil_fiche_middle {
    text-align: left;
    overflow: hidden;
    text-align: center;
}

#modal_actions {
    display: none;
}

.wrapperMonBien {
    width: 250px;
    display: inline-block;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 10px;
    padding: 10px;
    min-height: 150px;
    border: 1px solid grey;
    vertical-align: top;
    text-align: left;
}

/*
    UCIMMEUBLE    
*/

.pnlImmeuble {
    background-color: #ebeef0;
    padding: 0 0 0 10px;
    overflow: hidden;
}

    .pnlImmeuble h4 {
        float: left;
        margin: 0;
        line-height: 26px;
    }

    .pnlImmeuble .immeuble_image > div {
        display: block !important;
    }



    .pnlImmeuble .photoImmeubleTooltip,
    .pnlImmeuble > div,
    .pnlImmeuble .closePopupPhotoImmeuble {
        display: none;
    }

    .pnlImmeuble .afficheInfosImmeubleCLassique {
        text-indent: -999em;
    }

    .pnlImmeuble .immeuble_image {
        clear: both;
    }

    .pnlImmeuble > div {
        float: left;
        padding-bottom: 10px;
    }

/*
    UCBIENVENUE
*/

.monBien span {
    display: block;
}

.monBien .accueil_fiche_titre,
.monBien .nomImeuble,
.monBien .lblVilleCP,
.monBien .lblVilleNom,
.monBien .lblEntreeSpan,
.monBien .lblDigicodeSpan {
    display: inline;
}

.lblAdresseTitre,
.lblLotTitre,
.lblModePaiementTitre {
    font-weight: bold;
    margin-top: 8px;
}

.panEntree {
    padding-bottom: 10px;
}

.accueil_fiche_titre {
    font-weight: bold;
}

.lien_changer_mdp {
    font-size: 12px;
    text-decoration: underline;
}

.lblasterix {
    display: block;
    font-size: 11px;
    font-style: italic;
}

/* ENTETE DE PAGE */
.ctr_entetepage {
    height: 69px;
}

/* PIED DE PAGE */
.ctr_piedpage {
    clear: both;
    height: 30px;
}
/* BLOC COMPTE */
.ctr_deconnexion {
    position: absolute;
    right: 10px;
    top: 5px;
}

.ctr_retour_liste_compte {
    padding-left: 3px;
    padding-top: 4px;
    float: left;
    width: auto;
}

.ctr_liste_compte {
    /*font-family: Tahoma;*/
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom; /* float:left;     width: 950px;*/
    padding-top: 20px;
}

.ctr_Liste_compte_titre {
    font-size: 30px;
    text-align: center;
    padding-top: 20px;
    height: 55px;
    width: 838px;
    float: left;
}

.ctr_identity {
    padding-top: 5px;
    padding-left: 5px;
}

/* BLOC MENU 1 */
.ctr_menu1 {
    background: transparent url(../design/images/bandeau_compte.png) no-repeat top left;
    text-align: left;
    height: 80px;
}

.info_compte {
    font-size: 14px;
    height: 24px;
    width: 490px;
}

.ctr_individu {
    display: block;
    float: left;
    height: 55px;
    width: 198px;
    font-size: 20px;
    padding-left: 65px;
    padding-top: 5px;
}

.ctr_text {
    position: relative;
    top: 15px;
}

.selectLO {
    background: url(../design/images/individu_select.png) no-repeat bottom left;
    font-weight: bold;
}

.noselectLO {
    background: url(../design/images/individu_noselect.png) no-repeat bottom left;
}

.selectCO {
    background: url(../design/images/individu_select.png) no-repeat bottom left;
    font-weight: bold;
}

.noselectCO {
    background: url(../design/images/individu_noselect.png) no-repeat bottom left;
}

.selectCOCS {
    background: url(../design/images/individu_select.png) no-repeat bottom left;
    font-weight: bold;
}

.noselectCOCS {
    background: url(../design/images/individu_noselect.png) no-repeat bottom left;
}

.selectCS {
    background: url(../design/images/individu_select.png) no-repeat bottom left;
    font-weight: bold;
}

.noselectCS {
    background: url(../design/images/individu_noselect.png) no-repeat bottom left;
}

.selectPO {
    background: url(../design/images/individu_select.png) no-repeat bottom left;
    font-weight: bold;
}

.noselectPO {
    background: url(../design/images/individu_noselect.png) no-repeat bottom left;
}

.selectFO {
    background: url(../design/images/individu_select.png) no-repeat bottom left;
    font-weight: bold;
}

.noselectFO {
    background: url(../design/images/individu_noselect.png) no-repeat bottom left;
}

.selectCA {
    background: url(../design/images/individu_select.png) no-repeat bottom left;
    font-weight: bold;
}

.noselectCA {
    background: url(../design/images/individu_noselect.png) no-repeat bottom left;
}

.ongletCSnoselect {
    position: relative;
    top: 15px;
}

.ongletCSselect {
    position: relative;
    top: 15px;
}

.QualiteTabulation {
    margin-left: 11px;
}

/* BLOC MENU 2 */
.ctr_menu2 {
    text-align: left;
    top: 85px;
    margin-left: 30px;
    width: 100%;
}

.ctr_menu2_bouton_text {
    /*position:relative;*/
    float: left;
    width: 104px; /*top: 0px;*/
}

.ctr_menu2_bouton {
    display: block;
    float: left;
    width: 94px;
    height: 93px;
    text-align: center;
    position: relative;
    top: 0px;
    left: 0px;
}

    /* Taille de la police des bouttons */
    .ctr_menu2_bouton a {
        bottom: 12px;
        left: 11px;
        height: 24px;
        position: absolute;
        width: 72px;
        color: #063253;
        display: table-cell;
        font-size: 10px;
        font-weight: bold;
        vertical-align: middle;
    }
/* CONTENU */
/* Style pour le TD du tableau, td qui contient le coeur du site */
.ctr_contenu {
    background: transparent url(../design/images/fond_tableau.png) repeat-x top left;
    padding: 5px 5px 15px 5px;
}

div.ctr_contenu {
    background: transparent url(../design/images/fond_tableau.png) repeat-x top left;
    margin-bottom: 14px;
}

.ctr_contenu_menu {
    height: 20px;
    padding-bottom: 5px;
    text-align: center;
    padding-left: 10px;
    padding-top: 5px;
    overflow: hidden;
}

span.ctr_contenu_titre {
    float: left;
    font-size: 22px;
    vertical-align: top;
    clear: both; /*bug decalage ie7*/
}

.ctr_contenu_titre_detail {
    margin-left: 5px; /*margin-top:6px;*/
    font-size: 22px;
}

.soustitre {
    font-size: 15px;
    padding-left: 10px;
    clear: both;
    float: left;
}

.ctr_ucGrille {
    margin-top: 30px;
    text-align: center;
    width: 100%;
}

.ctr_grille {
    text-align: center; /*table-layout: auto;*/
    margin-left: auto;
    margin-right: auto;
}

    .ctr_grille h3 {
        text-align: left;
    }

    .ctr_grille table {
        text-align: left; /*table-layout: auto; margin-left: 0px; margin-right: 0px; */
    }

    .ctr_grille span {
        font-size: 15px;
        font-weight: bold;
    }

.ctr_compte {
    padding: 0px;
}

.tableSimple {
    margin-bottom: 15px;
}

    .tableSimple table, .tableSimple div, .ctr_compte table {
        overflow: visible !important;
    }

.ctr_compte div {
    overflow: visible !important;
}

div.ctr_contenu_tableau {
    position: relative;
    left: 0px;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: White;
}

div.ctr_contenu_compte_proprietaire {
    position: relative;
    left: 0px;
    margin-top: 20px;
}

table.ctr_contenu_bouton {
    position: relative;
    text-align: right;
    width: 100%;
    height: 50px;
}

.ctr_contenu_bienvenu {
    padding: 10px;
    text-align: left;
    font-size: 14px;
}

span.ctr_label_doctitle {
    text-align: left;
    font-size: 16px;
}

.ctr_text_Solde {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.info_adode {
    font-size: 16px;
    color: Red;
}

/* Utilisé sur la grid contact pour cacher la grid qui déborde */
/*.overflowHidden 
{
    overflow:hidden;
    margin-left: auto; 
    margin-right : auto;
    position:relative;
    text-align:center;
    background-color:#ffffff;
}*/

/*Coordonnées du cabinet */
.nom_cabinet {
    /*font-size: 14px; 	width:100%; 	text-align : left;*/
    font-size: 11px;
    width: 100%;
}

.info_cabinet, info_cabinet_horaire {
    font-size: 11px;
    float: left;
    margin: 0;
    padding: 25px;
    text-align: center;
    position: relative;
}

.liste_infos {
    text-align: center; /*display : table; 	margin : 0px auto;*/
    width: 100%;
}

.liste_info_cadre {
    text-align: center;
}

.clear {
    clear: both;
    visibility: hidden;
}
/* Info-bulles */
.infobulle {
    position: absolute;
    background-color: #FFFFFF;
    font-size: 12px;
    font-style: italic;
    border: 1px solid #5a5b5b;
    padding: 10px;
    min-width: 100px;
    max-width: 300px;
    z-index: 2000;
    text-align: left;
}

    .infobulle p {
        white-space: normal;
        max-width: 300px;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 20px;
    }

.infobulle_quit {
    position: absolute;
    right: 5px;
}

/* Prélèvement  */
.ctr_prlv_message {
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 15px;
}

.ctr_prlv_titlemessage {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 15px;
    margin-left: -15px;
}

.prlv_alignementPrincipal {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.prlv_alignementSecondaire {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.img_delete_prl_row {
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: hidden;
    min-height: 18px;
}

.img_promo_prl_auto {
    vertical-align: top;
    text-align: right;
    right: 0px;
}

/* Prélèvement - Formulaire autorisation de prlv */
.ctr_frm_autorisation_prlv {
    margin-top: 20px;
    margin-left: 80px;
    width: 800px;
    font-size: 12px;
    height: auto;
    min-height: 530px;
}

.ctr_telechargement_adobe {
    vertical-align: middle;
    margin-top: 20px;
    margin-right: 0px;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
}

    .ctr_telechargement_adobe img {
        margin-left: 10px;
    }

.ctr_autoprlv_aide {
    text-align: left;
    margin-top: 15px;
    padding-left: 11px;
    padding-top: 10px;
}

.ctr_autoprlv_tilte {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.ctr_autoprl_texte {
    text-align: left;
    padding: 11px;
}



.ctr_autoprlv_bt {
    text-align: center;
    padding: 15px;
}

.ctr_prlvAlignV {
    vertical-align: top;
}


/* Modification des coordonnées */
.ctr_texte {
    font-weight: bold;
    font-size: 14px;
}

.ctr_visucoord {
    font-size: 14px;
    width: 405px;
    position: relative; /*  height: 350px;*/
    text-align: left;
    margin: auto;
    padding-bottom: 15px;
}

.td_VisuCoord {
    width: 125px;
    vertical-align: top;
}

.btnModifier {
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 20px;
    height: 24px;
    text-align: right;
    background-color: #ffffff;
    border: none;
    cursor: pointer;
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
}

.ctr_table_coord {
    font-size: 12px;
    margin-left: 10px;
    margin-top: 10px;
    width: 95%;
}

.td_modifcoord_decale {
    padding-left: 20px;
    width: 125px;
    vertical-align: top;
}

.ctr_modifcoord {
    font-size: 14px;
    position: relative;
    margin-left: 18px;
    width: 560px;
    height: 350px;
    text-align: left;
    margin: auto;
}

.ctr_envoidoc {
    font-size: 14px; /*    margin-left:18px;*/
    width: 90%; /*    float:left;*/
    margin-top: 15px;
    text-align: center;
}


.ctr_texte_cnil {
    font-size: 10px;
    font-style: italic;
    text-align: center;
    margin-top: 15px; /*position:relative;*/
}

.ctr_modifcoord_control {
    height: 18px;
    border: 1px solid #5a5b5b;
    font-size: 12px;
    width: 50%;
}

/*
    TABLE TELERIK    
*/

.RadGrid .rgMasterTable,
.RadGrid .rgDetailTable,
.RadGrid .rgEditForm table {
    font-family: Arial, Helvetica, sans-serif !important;
    border-collapse: collapse !important;
    font-size: 10px !important;
}

.RadGrid_Default {
    border: none !important;
}

    .RadGrid_Default .rgAltRow,
    .RadGrid_Default .rgAltRow:hover {
        background: #D5DFE5 !important;
    }

    .RadGrid_Default tbody tr.rgNoRecords {
        border: none;
        background-color: transparent !important;
    }

    .RadGrid_Default tbody tr.expandableRow,
    .ViewCompteFour .RadGrid_Default > table > tbody > tr.rgRow,
    .ViewCompteFour .RadGrid_Default > table > tbody > tr.rgAltRow {
        background: #0B2775 !important;
        border-top: 1px solid #FFF !important;
        border-bottom: none !important;
        color: #FFF;
    }

        .RadGrid_Default tbody tr.expandableRow > td {
            padding-top: 3px;
            padding-bottom: 3px;
        }

    .RadGrid_Default tbody tr.hiddenRow td p {
        text-align: center;
        font-weight: bold;
    }

    .RadGrid_Default tbody tr.hiddenRow,
    .RadGrid_Default thead tr,
    .RadGrid_Default tfoot tr {
        background: #FFF !important;
        border: none !important;
    }

    .RadGrid_Default .rgHeader,
    .RadGrid_Default .rgFooter {
        background: #0B2775 !important;
        font-weight: bold !important;
        color: #FFF !important;
        border-bottom: none !important;
        border-right: 1px solid #FFF !important;
    }

        .RadGrid_Default .rgHeader a {
            color: #FFF !important;
        }

.ViewCompteFour .RadGrid_Default .rgHeader a,
.ViewOrdreBancaire .RadGrid_Default .rgHeader a {
    color: #000 !important;
}

.RadGrid_Default .rgHeader:last-child,
.RadGrid_Default .rgFooter:last-child {
    border-right: none !important;
}

.RadGrid_Default .rgHoveredRow {
    background: inherit !important;
}

.RadGrid_Default thead tr th.colARepartirHeader,
.RadGrid_Default thead tr td.colARepartirItem,
.RadGrid_Default tfoot tr td,
.noWrap {
    white-space: nowrap;
}

.RadGrid_Default .colSoldeCouleur {
    width: 100px;
}

/* ALIGNEMENT */

.RadGrid .rgMasterTable .colTxtAlignCenter {
    text-align: center !important;
}

.RadGrid .rgMasterTable .colTxtAlignLeft {
    text-align: left !important;
}

.RadGrid .rgMasterTable .colTxtAlignRight {
    text-align: right !important;
}

.RadGrid_Default thead tr th.colContactNomHeader,
.RadGrid_Default tbody tr td.colContactNomItem {
    width: 300px;
}

.RadGrid_Default thead tr th.colContactCategorieHeader,
.RadGrid_Default tbody tr td.colContactCategorieItem {
    width: 180px;
}

/* ECRASEMENT STYLE PAR DEFAUT*/

.RadGrid_Default td,
.RadGrid_Default .rgActiveRow td,
.RadGrid_Default .rgHoveredRow td,
.RadGrid .rgDetailTable {
    border: none !important;
}

RadGrid_Default .rgMasterTable td.rgGroupCol,
.RadGrid_Default .rgMasterTable td.rgExpandCol {
    border: none !important;
    background: none !important;
}

/* TABLE AVEC GROUPE */

.RadGrid_Default .rgGroupHeader {
    background: #dfdfdf !important;
    border-bottom: 1px solid #FFF !important;
    border-top: 1px solid #FFF !important;
}

    .RadGrid_Default .rgGroupHeader:hover {
        background: #feffc8 !important;
    }

.RadGrid_Default td.rgGroupCol {
    background-color: transparent !important;
}

/* COULEUR SOLDE */

.RadGrid_Default td.colSolde {
    background-color: #af4949;
    color: #FFF;
    font-weight: bold;
}

.RadGrid_Default thead td a,
.RadGrid_Default thead td a:hover,
.RadGrid_Default thead th a,
.RadGrid_Default thead th a:hover {
    color: #FFF !important;
}

.RadGrid_Default .rgExpand {
    background: url(../design/images/tableau_select.png) center center no-repeat !important;
}

.RadGrid_Default .rgCollapse {
    background: url(../design/images/tableau_unselect.png) center center no-repeat !important;
}

/*
    ucLocataire    
*/

.ViewAppelOffre .RadGrid_Default > table > thead .rgHeader,
.ViewCompteFour .RadGrid_Default > table > thead .rgHeader,
.ViewBalance .RadGrid_Default > table > thead .rgHeader,
.ViewOrdreBancaire .RadGrid_Default > table > thead .rgHeader {
    background: none !important;
    color: #000 !important;
}

.ViewLocataires .RadGrid_Default tr.expandableRow {
    background-color: #e7d1b6 !important;
    color: #000;
}

.ViewLocataires .RadGrid_Default > table > tbody > tr.expandableRow {
    background-color: inherit !important;
    color: #000 !important;
}

.ViewLocataires .RadGrid_Default table.rgDetailTable table.rgDetailTable tr {
    background-color: #e7d1b6 !important;
}

/*
    ucOrdreBancaire    
*/

.ViewOrdreBancaire .ctr_grille {
    display: block;
}

/*
    ucBalance
*/

.ViewBalance .RadGrid_Default tbody tr.hiddenRow > td:last-child {
    padding-top: 0 !important;
    padding-bottom: 5px !important;
}


/*
    ucAppelOffre    
*/

.ViewAppelOffre .RadGrid_Default tr.rgGroupHeader {
    text-align: left;
    background-color: #0B2775 !important;
    color: #FFF;
}

/*
    ucBudget
*/

.ViewBudget .typeLigne0 {
    background-color: #e1c6bd !important;
    font-weight: bold;
}

.ViewBudget .typeLigne1 {
    font-weight: bold;
    background-color: #e1c6bd !important;
}

    .ViewBudget .typeLigne1 td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.ViewBudget .typeLigne2 {
    background-color: #FFE4B5 !important;
}

.ViewBudget .typeLigne5 {
    background-color: #FFF2DB !important;
    font-weight: bold !important;
}

.ViewBudget .typeLigne6 {
    background-color: #E4D6D6 !important;
}

.ViewBudget .typeLigne7 {
    background-color: #FFD791 !important;
}

.ViewRgdd .RadGrid_Default > table > thead tr .rgHeader {
    background: #FFF !important;
    color: #000 !important;
}

/* END TELERIK */


.LblEnvoiDocsParMail {
    display: block;
    font-weight: bold;
}

.panDdeEnvoiDocsMail,
.btnAnnulEnvoiDocsMail {
    margin-top: 10px;
}

.panModifPasswd {
    padding-top: 20px;
}

    .panModifPasswd a.btValider {
        border: none;
    }

        .panModifPasswd a.btValider:hover {
            color: #f95604;
            text-decoration: none;
        }

.ctr_div_iframe_doc {
    border: 1px solid #ccc;
    height: 520px;
    margin-left: 26%;
    width: 72%;
}

iframe#iframedocument {
    width: 100%;
    height: 100%;
}

.lblPwdActuel,
.lblPwdMonProfil {
    display: block;
}

/* TreeView */
.ctr_panel_treeview {
    background: #FFFFFF;
    float: left;
    height: 520px;
    text-align: left;
    width: 23%;
    padding: 5px;
}

    .ctr_panel_treeview div {
        background-color: #FFFFFF;
    }

.ctr_Solde {
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    margin-right: 120px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mesIdfConteneur {
    padding-bottom: 5px;
    padding-top: 5px;
    min-height: 200px;
}

.mesIdfPseudo {
    width: 560px;
    margin: auto;
    border: 1px solid #0091b4; /*   background-color:#cce9f0;*/
}

    .mesIdfPseudo .affichageBtn {
        text-align: center;
        padding: 10px 0;
    }

.ctrChangePwd {
    text-align: left; /*  width:400px;    margin:auto;*/
}

    .ctrChangePwd .UCChangePasswordConnecte {
        text-align: center;
    }

.pnlCorp {
    width: 540px;
    margin: 10px;
}

.pnlBtnValid {
    margin: auto;
    text-align: center;
}

.degrade {
    background-repeat: repeat-y;
    background-image: url('../design/images/FondDegrade.png');
    background-position: center; /* background-color:Red;    */
}
/*saisie password mail pseudo alignement des txtbox et label pour alignement sur une ou deux colonne*/
.saisiePwdLbl {
    float: left;
    width: 200px;
    margin-top: 10px;
}

.saisiePwdConfLbl {
    float: left;
    width: 200px;
    margin-top: 10px;
}

.txtBoxMail {
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    width: 350px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.saisieMailLbl {
    float: left;
    width: 150px;
    margin-top: 10px;
}

.saisieMailTxt {
}

.saisieMailConfLbl {
    float: left;
    width: 150px;
    margin-top: 10px;
}

.mesIdfTitre {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
}
/* class affichage images dans rubrique documents */

.ctl00_CPH1_ucDocument_TreeViewDocument_0 {
    font-size: 10px;
}

.wrapperDocImage {
    height: 100%;
    overflow-y: auto;
}

    .wrapperDocImage img[width] {
        width: 695px;
    }

.lageurlabelsMesPreferences {
    display: inline-block;
    width: 350px;
}

.titreTableInfobulle {
    font-weight: bold;
    font-size: 12px;
}

.retraitInfobulle {
    white-space: normal;
    max-width: 300px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 20px;
}

/*
    DEMANDE DE DEVIS
*/

.ig_71eff73c_r0 {
    margin: auto;
}


/*
    MISE EN PAGE RGDD
*/

.ViewRgdd .RadGrid_Default > table > thead tr .rgHeader {
    background: #FFF !important;
    color: #000 !important;
}


.logo_infos_center {
    float: left;
}

/*
    TIMELINR
*/

ul.timelineissues {
    text-align: left;
}

.timelinedates a {
    color: #194b77 !important;
}

.timelineissues li p {
    margin: 0;
}

/* menu mon profil*/
.menuProfil {
    position: absolute;
    top: 0;
    left: 0;
    width: 144px;
    font-weight: bold;
}

    .menuProfil a {
        font-size: 10px;
    }

    .menuProfil li {
        list-style-type: none; /* list-style-image : url(../images/menuProfilPuce.png);     list-style-position: inside;     padding-bottom:2px;         margin-bottom:2px;        color:#003f7d;          */
        border-top-style: solid;
        border-top-width: 1px;
        padding: 4px 0px 4px 12px;
        min-height: 16px;
    }

    .menuProfil ul {
        /* border: 1px solid #2696CF;*/
        margin: 0;
        padding: 0;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

/*
    PRLV SEPA
*/

.listeEtapeSEPA {
    list-style-type: none;
    overflow: hidden;
    padding: 0 30px;
    margin-bottom: 40px;
}

.pnlMessage .lblMessErrChgtIBAN {
    display: block;
    padding: 25px 80px;
}

.listeEtapeSEPA li {
    float: left;
    width: 33%;
    text-align: center;
    font-size: 14px;
    padding-top: 35px;
}

.etapeSEPA1 {
    background: url(../design/images/etape1_sepa_OFF.png) center top no-repeat;
}

.etapeSEPA2 {
    background: url(../design/images/etape2_sepa_OFF.png) center top no-repeat;
}

.etapeSEPA3 {
    background: url(../design/images/etape3_sepa_OFF.png) center top no-repeat;
}

.etapeSEPA1.etapeSEPAActive {
    background: url(../design/images/etape1_sepa_ON.png) center top no-repeat;
}

.etapeSEPA2.etapeSEPAActive {
    background: url(../design/images/etape2_sepa_ON.png) center top no-repeat;
}

.etapeSEPA3.etapeSEPAActive {
    background: url(../design/images/etape3_sepa_ON.png) center top no-repeat;
}

.wrapperFormSEPA {
    margin: 0 30px;
    padding: 10px 0;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    background-color: #FFF;
    border: 1px solid #194b77;
}

/*.wrapperFormSEPA b
{
    font-size: 16px;
    font-weight: bold;
}*/

.ligneForm {
    overflow: hidden;
    padding-bottom: 5px;
}

.uppercase {
    text-transform: uppercase;
}

.blocFormSEPA {
    float: left;
    width: 44%;
    padding: 0 3% 15px 3%;
    padding-bottom: 15px;
}

.wrapperFormSEPA > h3 {
    padding-left: 3%;
}

.wrapperFormSEPA.etapeSepa3 {
    padding: 0px;
}

    .wrapperFormSEPA.etapeSepa3 iframe {
        overflow: hidden;
    }

.wrapperFormSEPA div.RadGrid_Default {
    padding: 0 60px;
}

.blocFormSEPA label {
    display: block;
    width: 50px;
    margin-left: 20px;
    float: left;
    line-height: 28px;
}

.blocFormSEPA.adresse label {
    width: 70px;
}

.blocFormSEPA.typePrlv input {
    width: auto;
    margin-left: 20px;
}

.blocFormSEPA.typePrlv .ligneForm {
    padding-bottom: 0;
}

.blocFormSEPA.typePrlv label {
    width: auto;
    float: none;
    display: inline;
    margin: 0;
}

.blocFormSEPA input {
    width: 250px;
}

.blocFormSEPA .italic {
    font-style: italic;
    padding: 0 20px;
}

.wrapperSEPA .btValider {
    margin: 10px auto 0 auto;
}

.SEPArecapInfo {
    list-style-type: none;
    padding-bottom: 15px;
    padding-left: 20px;
}

    .SEPArecapInfo li, .SEPAInfoPrlv li {
        padding-bottom: 8px;
        overflow: hidden;
    }

        .SEPArecapInfo li span {
            float: left;
            font-weight: bold;
        }

            .SEPArecapInfo li span.labelInfo, .SEPAInfoPrlv li span.labelInfo {
                width: 70px;
                font-weight: normal;
            }

.wrapperSEPA .multipleBtn {
    text-align: center;
    margin-top: 20px;
}

    .wrapperSEPA .multipleBtn .btValider {
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
    }

.SEPAInfoPrlv {
    list-style-type: none;
    overflow: hidden;
}

.SEPAInfoPrlvPDF {
    background: #FFF;
    overflow: hidden;
    padding: 0 10px;
}

.SEPAInfoPrlv li {
    float: left;
    width: 280px;
}

.blocFormSEPA.bloc066 {
    width: 70%;
}

.pdfSepa {
    position: absolute;
    right: 70px;
    top: 45px;
    text-align: center;
}

    .pdfSepa input {
        margin-bottom: 5px;
    }

.ErreurValidationServer {
    color: Red;
    text-align: center;
    font-size: 16px;
}

/*
    LAYOUT
*/

#document {
    width: 980px;
    margin: auto;
    background-color: #FFF;
    border: 3px solid #FFF;
    color: #194b77;
}

#hd {
    background: #cde0ec url(../design/images/bandeau_compte.png) right top no-repeat;
    height: 60px;
    position: relative;
}

.documentListeDesComptes #hd {
    height: 80px;
}

.documentAuthentification #hd, .documentInitCompte #hd {
    height: 70px;
    background: #cde0ec;
}

#bd {
    position: relative;
}

#yui-main {
    padding-top: 160px;
    padding-bottom: 40px;
    background: #FFF;
    text-align: left;
}

.documentListeDesComptes #yui-main {
    font-size: 12px;
    padding-top: 80px;
    background: #e5ebee url(../design/images/fond_tableau.png) left top repeat-x;
}

#yui-main .yui-b {
    padding: 0 20px;
}

#footerCC {
    background: #cde0ec;
    padding: 15px;
    clear: both;
}

.ImageButtonDeconnexion {
    display: block;
    position: absolute;
    right: 8px;
    top: 3px;
}

.wrapperCol {
}

    .wrapperCol .col {
        display: inline-block;
        vertical-align: top;
        padding: 0 3%;
    }

/*
    WRAPPER MENU
*/

#wrapperMenu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #cde0ec;
}

/*
    MENU QUALITE
*/

ul#ctl00_CPH1_menuQualite, ul#ctl00_CPH1_menuQualiteCS {
    overflow: hidden;
    list-style-type: none;
    padding: 0 0 0 15px;
    margin: 0;
    text-align: left;
}

    ul#ctl00_CPH1_menuQualite li, ul#ctl00_CPH1_menuQualiteCS li {
        display: inline-block;
        text-align: left;
    }

.ctr_individu {
    display: block;
    float: none;
    height: 55px;
    width: 198px;
    font-size: 20px;
    padding-left: 65px;
    padding-top: 5px;
}

ul#ctl00_CPH1_menuQualite li a .clTexteSelect,
ul#ctl00_CPH1_menuQualiteCS li a .clTexteSelect,
ul#ctl00_CPH1_menuQualite li a.clTexteSelect span {
    color: #f95604 !important;
}

ul#ctl00_CPH1_menuQualite li a .clTexteNoSelect,
ul#ctl00_CPH1_menuQualiteCS li a .clTexteNoSelect,
ul#ctl00_CPH1_menuQualite li a.noselectCOCS span {
    color: #5882a1 !important;
}

/*
    LISTE DES COMPTES
*/

.wrapperListViewCompteCarte {
    clear: both;
}

#listeCompte {
    display: table;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
}

.testRow {
    display: table-row;
}

    .testRow > span,
    .testRow > a {
        list-style: none;
        display: table-cell;
        border: 1px solid #FFF;
        border-top: none;
        padding: 3px 5px;
    }

.testHeader {
    display: table-header-group;
    /*position: absolute;*/
}

    .testHeader span {
        background-color: #0b2775;
        text-align: center;
        color: #FFF;
        border-top: 1px solid #FFF;
    }

.testBody {
    display: table-row-group;
}

#bdListeCompte ul li .imgBtSelection,
#bdListeCompte ul li a span.lblValeurSoldeCompte,
#bdListeCompte ul li a.btnLienVersAccueilHover {
    display: none;
}

#bdListeCompte ul li:nth-child(odd) {
    background-color: #CDE0EC;
}

#bdListeCompte ul li:hover {
    background: #CCFFCC !important;
}

#bdListeCompte ul li a.btnCpteSolde {
    text-align: right;
    font-weight: bold;
}

#bdListeCompte ul li.A .btnCpteSolde,
#bdListeCompte ul li.A .btnNumCompte,
#bdListeCompte ul li.F .btnCpteSolde,
#bdListeCompte ul li.F .btnNumCompte {
    display: table-cell;
    text-indent: -999em;
    text-align: inherit !important;
    background-color: transparent !important;
}

.lblTextIntro {
    display: block;
    text-align: center;
    padding-bottom: 20px;
}

#bdListeCompte #ctl00_CPH1_ucSelectionFournisseur_pnlDossierFournisseur {
    clear: both;
}

#bdListeCompte ul li.F {
    display: none;
}

/*
    MENU CATEGORIES
*/

ul.menuCategories {
    clear: both;
    list-style-type: none;
    padding: 0 10px;
    margin: 0;
    background-color: #FFF;
    height: 100px;
}

    ul.menuCategories li {
        float: left;
    }

        ul.menuCategories li a {
            display: block;
            width: 74px;
            padding: 57px 10px 0 10px;
            height: 36px;
            font-size: 10px;
            font-weight: bold;
            line-height: 11px;
        }


        /* ICONES CP */

        ul.menuCategories li.accueil {
            display: none;
        }

        ul.menuCategories li.coordonnees a {
            background: url(../design/images/info_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.coordonnees.actif a {
            background: url(../design/images/info_ON.png) center center no-repeat;
        }

        ul.menuCategories li.contacts a {
            background: url(../design/images/contact_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.contacts.actif a {
            background: url(../design/images/contact_ON.png) center center no-repeat;
        }

        ul.menuCategories li.compte a {
            background: url(../design/images/periode_encours_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.compte.actif a {
            background: url(../design/images/periode_encours_ON.png) center center no-repeat;
        }

        ul.menuCategories li.prelevement a {
            background: url(../design/images/prelevement_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.prelevement.actif a {
            background: url(../design/images/prelevement_ON.png) center center no-repeat;
        }

        ul.menuCategories li.carteBancaire a {
            background: url(../design/images/reglement_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.carteBancaire.actif a {
            background: url(../design/images/reglement_ON.png) center center no-repeat;
        }

        ul.menuCategories li.documents a {
            background: url(../design/images/document_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.documents.actif a {
            background: url(../design/images/document_ON.png) center center no-repeat;
        }

        ul.menuCategories li.infosPratiques a {
            background: url(../design/images/infosPartiques_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.infosPratiques.actif a {
            background: url(../design/images/infosPartiques_ON.png) center center no-repeat;
        }

        ul.menuCategories li.extranet a {
            background: url(../design/images/extranet_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.extranet.actif a {
            background: url(../design/images/extranet_ON.png) center center no-repeat;
        }

        ul.menuCategories li.recommande a {
            background: url(../design/images/recommande_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.recommande.actif a {
            background: url(../design/images/recommande_ON.png) center center no-repeat;
        }

        ul.menuCategories li.banque a {
            background: url(../design/images/banque_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.banque.actif a {
            background: url(../design/images/banque_ON.png) center center no-repeat;
        }

        /* ICONES CS */

        ul.menuCategories li.rgdd a {
            background: url(../design/images/rgdd_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.rgdd.actif a {
            background: url(../design/images/rgdd_ON.png) center center no-repeat;
        }

        ul.menuCategories li.budget a {
            background: url(../design/images/budget_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.budget.actif a {
            background: url(../design/images/budget_ON.png) center center no-repeat;
        }

        ul.menuCategories li.balance a {
            background: url(../design/images/balance_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.balance.actif a {
            background: url(../design/images/balance_ON.png) center center no-repeat;
        }

        ul.menuCategories li.os a {
            background: url(../design/images/OS_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.os.actif a {
            background: url(../design/images/OS_ON.png) center center no-repeat;
        }

        ul.menuCategories li.contrats a {
            background: url(../design/images/contract_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.contrats.actif a {
            background: url(../design/images/contract_ON.png) center center no-repeat;
        }

        ul.menuCategories li.dossiers a {
            background: url(../design/images/dossier_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.dossiers.actif a {
            background: url(../design/images/dossier_ON.png) center center no-repeat;
        }

        ul.menuCategories li.OrdreBancaireCS a {
            background: url(../design/images/OrdreBancaireCS_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.OrdreBancaireCS.actif a {
            background: url(../design/images/OrdreBancaireCS_ON.png) center center no-repeat;
        }

        /* ICONES PR */

        ul.menuCategories li.periodePrecedente a {
            background: url(../design/images/periode_precedente_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.periodePrecedente.actif a {
            background: url(../design/images/periode_precedente_ON.png) center center no-repeat;
        }

        ul.menuCategories li.periodeEnCours a {
            background: url(../design/images/periode_encours_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.periodeEnCours.actif a {
            background: url(../design/images/periode_encours_ON.png) center center no-repeat;
        }

        ul.menuCategories li.periodeAVenir a {
            background: url(../design/images/periode_venir_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.periodeAVenir.actif a {
            background: url(../design/images/periode_venir_ON.png) center center no-repeat;
        }

        ul.menuCategories li.mesLocataires a {
            background: url(../design/images/locataire_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.mesLocataires.actif a {
            background: url(../design/images/locataire_ON.png) center center no-repeat;
        }

        /* ICONES FO */

        ul.menuCategories li.devis a {
            background: url(../design/images/appel_offre_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.devis.actif a {
            background: url(../design/images/appel_offre_ON.png) center center no-repeat;
        }

        ul.menuCategories li.ordresBancaires a {
            background: url(../design/images/ordreBancaire_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.ordresBancaires.actif a {
            background: url(../design/images/ordreBancaire_ON.png) center center no-repeat;
        }

        ul.menuCategories li.factures a {
            background: url(../design/images/factures_OFF.png) center center no-repeat;
        }

        ul.menuCategories li.factures.actif a {
            background: url(../design/images/factures_ON.png) center center no-repeat;
        }

/*
    NOTIFICATION
*/

.collapsed {
    background: url(../design/images/tableau_select.png) center center no-repeat;
    width: 26px;
    height: 26px;
    float: right;
    background-color: #fe8a00;
}

.expanded {
    background: url(../design/images/tableau_unselect.png) center center no-repeat;
    width: 26px;
    height: 26px;
    float: right;
    background-color: #194b77;
}

.NotifUl {
    margin: 0;
    padding: 0;
}

.NotifLi {
    list-style-type: none;
    text-align: left;
}

#fadeNotif {
    /*--Masque opaque noir de fond--*/
    display: none; /*--masqué par défaut--*/
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .80;
    z-index: 9999;
}

.PopupNotif {
    display: none; /*--masqué par défaut--*/
    background: #fff;
    padding: 20px;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 40%;
    left: 40%;
    z-index: 99999;
    text-align: left;
}

/*--Gérer la position fixed pour IE6--*/
*html #fadeNotif {
    position: absolute;
}

*html .PopupNotif {
    position: absolute;
}

.NotifUl {
    margin: 10px 0;
    border-bottom: none;
}

.notif {
    padding: 0 0 0 10px;
    border: none;
    background-color: #ebeef0;
    font-size: 11px;
    border-bottom: 1px solid #FFF;
    overflow: hidden;
}

    .notif span {
        line-height: 26px;
    }

    .notif ul {
        padding: 0 0 10px 20px;
    }

        .notif ul span {
            line-height: 18px;
        }

            .notif ul span a:hover {
                color: #f95604;
            }

.expanded, .collapsed {
    cursor: pointer;
}

.btnActionNotif {
    cursor: pointer;
    width: 26px;
    height: 26px;
    border: none;
    background: url(../design/images/notif_action.png) center center no-repeat;
    text-indent: -999em;
}

.btnACK {
    cursor: pointer;
    width: 26px;
    height: 26px;
    border: none;
    background: url(../design/images/notif_cancel.png) center center no-repeat;
    text-indent: -999em;
}

    .btnActionNotif:hover, .btnACK:hover {
        background-color: #e5ebee;
    }

.notifActionBtn {
    float: right;
}

    .notifActionBtn.listeFichier .btnACK {
        float: right;
    }

/*
    TEXTE - TITRE - ETC...
*/

#yui-main h2 {
    font-size: 22px;
    font-weight: normal;
}

    #yui-main h2.ctr_contenu_bienvenu {
        font-size: 14px;
        text-align: center;
    }

.lblIdentity {
    float: left;
    font-size: 14px;
    padding-top: 6px;
    padding-left: 2px;
    text-align: left;
}

/*
    Coordonnées
*/

.panVisuCoord,
.panSaisieCoord,
#ctl00_CPH1_ucMesIdentifiants_mesIdfPseudo {
    width: 405px;
    position: relative;
    text-align: left;
    margin: auto;
    padding: 15px 15px 30px 15px;
    border-bottom: 1px solid #5A5B5B;
    border-right: 1px solid #5A5B5B;
    border-top: 1px solid #5A5B5B;
    border-left: 2px solid #0860A8;
    background-color: #FFF;
    font-size: 12px;
    overflow: hidden;
}

#ctl00_CPH1_ucMesIdentifiants_mesIdfPseudo {
    width: 560px;
}

#ctl00_CPH1_ucMesIdentifiants_menuContenu li:first-child {
    display: none;
}

.ViewSaisieCoordonnees {
    position: relative;
}

#ctl00_CPH1_ucMesIdentifiants_ucMesPreferences_lblDocComptable,
#ctl00_CPH1_ucMesIdentifiants_ucMesPreferences_lblPub,
#ctl00_CPH1_ucMesIdentifiants_ucChangePasswordConnecte_ucSaisieQuestionEtPassword_ucQuestionSecrete_lblSelectQuestion {
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    padding: 15px;
}

.btnEnregistrerVisuCoord {
    display: block;
    margin: auto;
}

.pnlBtnValid {
    padding: 15px 0 0 0;
}

.panVisuCoord span, .panSaisieCoord span {
    display: block;
    float: left;
}

.panSaisieCoord .panelErreur {
    overflow: hidden;
}

.labelTelPerso, .labelAdresse, .labelTelBureau, .labelTelMobile, .labelEmail, .panelModifTelPerso > span, .panelModifTelBureau > span, .panelModifTelMobile > span, .panelModifEmail > span {
    font-weight: bold;
    width: 160px;
}

.panVisuCoord h4, .panSaisieCoord h4 {
    text-align: center;
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 14px;
    font-weight: bold;
}

.panVisuCoord > div {
    padding: 5px 0;
    overflow: hidden;
}

.lblModifCoordExplication {
    float: none;
    padding-bottom: 20px;
}

.panelModifTelPerso, .panelModifTelBureau, .panelModifTelMobile, .panelModifEmail {
    padding: 5px 0;
}

.panVisuCoord input[type="text"] {
    height: 18px;
    border: 1px solid #5A5B5B;
    font-size: 12px;
    width: 50%;
}

/*
        UCInterventions
*/

.ViewIntervention .PanelTableauLegende {
    text-align: right;
    padding-right: 11px;
    padding-bottom: 15px;
}

    .ViewIntervention .PanelTableauLegende div span {
        line-height: 8px;
    }

/*
        UCInterventionsFO
*/

.ViewInterventionFO .PanelTableauLegende {
    overflow: hidden !important;
    padding-bottom: 10px;
}

    .ViewInterventionFO .PanelTableauLegende > div {
        float: right;
        margin-right: 10px !important;
    }

        .ViewInterventionFO .PanelTableauLegende > div > span > span {
            display: block;
            float: left;
            padding-right: 5px;
        }

/*
    COULEURS
*/

.clGrilleEntete TH,
.tableSimple TH {
    background-color: #0b2775;
    color: White;
    text-align: center;
}

    .clGrilleEntete TH .cl_Solde_Positif,
    .tableSimple TH .cl_Solde_Positif,
    .clGrilleEntete TH .cl_Solde_Negatif,
    .tableSimple TH .cl_Solde_Negatif {
        color: #FFF;
    }

.clGrilleLigne1 {
    background-color: White;
    color: black;
}

.clGrilleLigne2 {
    background-color: #d5dfe5;
    color: #09355c;
}

.clGrilleLigne3 {
    background-color: #CCFFCC;
    color: #09355c;
}

.clFondCadre {
    background-color: #cde0ec;
    border-bottom: 1px solid #194b77;
    border-right: 1px solid #194b77;
    border-top: 1px solid #194b77;
    border-left: 1px solid #194b77;
}

.clFondCadre2 {
    border-bottom: 1px solid #5a5b5b;
    border-right: 1px solid #5a5b5b;
    border-top: 1px solid #5a5b5b;
    border-left: 2px solid #194b77;
    background-color: #fff;
}

.clAutoprlv_control {
    height: 18px;
    border: 1px solid #5a5b5b;
    width: 282px;
    background-color: #fff;
}

.clAutoprlv_control_small {
    height: 18px;
    border: 1px solid #5a5b5b;
    background-color: #fff;
}

.clAutoprlv_hr {
    background-color: #003f7d;
    height: 1px;
    width: 100%;
}

.cl_Solde_Positif {
    color: Green;
}

.cl_Solde_Negatif {
    color: Red;
}

.cl_Solde_LocataireNegatif {
    color: Red;
}
/*couleur menu mes idf*/
.menuProfil a {
    color: #3080b6;
}

.menuProfil li {
    border-top-color: #cde0ec;
}

.menuProfil ul {
    background-color: #e5ebee;
    border-bottom-color: #cde0ec;
}

.menuProfilSelect a {
    color: #fff;
}

.menuProfilSelect {
    background-color: #3080b6;
}

/*
    UCCompteFour    
*/

.ViewCompteFour .menuContenu {
    display: none;
}

.ViewCompteFour .lblSoldeBas {
    display: block;
    text-align: right;
    padding: 15px 0;
    font-size: 14px;
    font-weight: bold;
}

/*
    Compte prop    
*/

.ViewCompteProprietaireTousLesPlans {
    text-align: center;
}

.ViewCompteProprietaire h3 {
    font-weight: normal;
}

.pnlBoutonsDetailRecap {
    clear: both;
    padding-top: 10px;
}

.pnlBoutonsDetail {
    text-align: center;
}

/*
    LOGIN
*/

.ctr_login_titre {
    font-size: 30px;
    position: absolute;
    left: 249px;
    top: 20px;
    font-size: 30px;
}

.ctr_login_sousTitre {
    font-size: 20px;
    padding-top: 20px;
    position: relative;
    left: 300px;
    top: 30px;
    width: 600px;
}

.lblCompte {
    display: block;
    position: absolute;
    left: 200px;
    bottom: -30px;
    height: 66px;
    font-size: 30px;
    width: 400px;
    padding: 20px 0 0 110px;
    background: url(../design/images/picto_maison.png) left bottom no-repeat;
    z-index: 999;
    text-align: left;
}

.ctr_login_fond {
    clear: both;
    min-height: 370px;
    text-align: left;
}

#hd .ctr_admin_mode {
    font-size: 16px;
    color: Black;
    position: absolute;
    left: 0;
    top: 25px;
}

#bd .ctr_admin_mode {
    position: absolute;
    top: -57px;
    left: 210px;
    font-size: 20px;
    width: 300px;
}

.documentListeDesComptes #bd .ctr_admin_mode {
    display: block;
    position: inherit;
    top: inherit;
    font-size: 20px;
    width: 100%;
    text-align: center;
    padding: 0 0 20px 0;
}

.ctr_authentification {
    position: relative;
    left: 300px;
    top: 10px;
    width: 400px;
    padding: 8px;
    padding-top: 30px;
    height: auto;
}

.ligne_auth {
    height: 25px;
}

.lien_mdp_oublie {
    position: relative;
    top: -12px;
    margin-bottom: 5px;
    left: 85px;
    font-size: 11px;
    text-decoration: underline;
}

.btValider, .btAnnuler {
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #003f7d;
    border-top: 1px solid #003f7d;
    border-left: 1px solid #003f7d;
    border-right: 1px solid #003f7d;
    vertical-align: bottom;
    cursor: pointer;
}

    .btValider.chgtRefBancaires {
        height: auto;
    }

.groupeBtn, .divBtnAutorisationPrelevement {
    text-align: center;
}

.divBtnAutorisationPrelevement {
    padding-top: 30px;
}

/*
    ucPrelevement
*/

.pnlRefBancaires {
    background: #FFF;
    border: 1px solid #0B2775;
    padding: 15px 15px 20px 15px;
    width: 300px;
    margin: 0 auto;
    text-align: center;
}

    .pnlRefBancaires h3 {
        text-align: center;
        margin: 0 0 10px 0;
    }

    .pnlRefBancaires .col .lblRIB {
        font-weight: bold;
    }


.ViewAutorisationPrelevement .wrapperForm .ligneForm label {
    display: inline-block;
    width: 70px;
}

.ViewAutorisationPrelevement .wrapperForm .ligneForm.boutonRadio label {
    width: 150px;
}

.ViewAutorisationPrelevement .wrapperForm .wrapperCol {
    padding: 10px;
    border: 1px solid #194b77;
    margin: 10px 0;
}

.ViewAutorisationPrelevement .wrapperForm .ligneForm.adresse2 input {
    margin-left: 73px;
}

.ViewAutorisationPrelevement .affichageBtn {
    text-align: center;
}

/*
    ucInterventions
*/

.ViewIntervention .ctr_contenu_bouton {
    text-align: center;
}

.ctr_login_libelle {
    position: relative;
    margin-top: 5px; /*margin-left:5px;    */
    font-size: 11px;
    vertical-align: middle;
}

.ctr_login_libelle_auth {
    font-size: 11px;
    text-align: right;
    position: relative;
    right: 250px;
    width: 250px;
    float: right;
    top: -20px;
    vertical-align: middle;
}

.ctr_login_control {
    position: relative;
    margin-top: 5px; /*margin-left:5px;*/
    font-size: 12px;
    height: 14px;
    width: 150px;
}

.ctr_login_control_auth {
    position: relative;
    left: 160px;
    top: -40px;
    margin-top: 5px;
    font-size: 12px;
    height: 14px;
    width: 150px;
}

.ctr_cadre_gris {
    width: 380px;
    margin-left: 5px;
    padding-top: 5px;
    background-color: #e0e1e3;
    border-bottom: 1px solid #79cdcf;
    border-top: 1px solid #79cdcf;
    border-left: 1px solid #79cdcf;
    border-right: 1px solid #79cdcf;
    height: 24px;
}

.div_img_captcha {
    height: 70px;
}

.crt_img_captcha {
    position: relative;
    left: 7px;
    top: 20px;
}

.crt_img_captcha_auth {
    position: relative;
    left: 80px;
    top: -10px;
}

.ctr_bt_cnx {
    position: relative;
    left: 160px;
    padding-left: 1px;
}

.ctr_login_col1 {
    font-size: 12px; /*padding-left:5px;*/
    font-weight: bold;
}


.ctr_valid_address_email {
    position: relative;
    left: 10px;
    top: 5px;
    width: 510px;
}

.ctr_change_pwd {
    position: relative;
    left: 5px;
    text-align: left;
    top: 10px; /*width: 310px;*/
}

.errorLogin {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
    color: Red;
    font-size: 11px;
}

/*
    ucReglementCarte
*/

.panPaiementsCarte h3 {
    text-align: center;
}

.pnlCadreMontant {
    width: 590px;
    text-align: right;
    padding: 5px;
    margin: 10px auto 40px auto;
}

/*
    CONTACTS
*/

.lblAgenCabinet {
    display: block;
    padding-bottom: 15px;
    font-size: 14px;
}

.infosCabinet {
    text-align: center;
}

    .infosCabinet h3 {
        font-weight: normal;
    }

.ViewListContact .lblInfoEnvoiEmail {
    font-size: 12px;
    font-weight: bold;
}

.infosCabinet .col {
    width: 27%;
}

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

.info_cabinet_Libelle {
    display: none;
}

.wrapperCol .col {
    display: inline-block;
    vertical-align: top;
    padding: 0 3%;
}

.infosCabinet .col {
    width: 20%;
    padding-bottom: 20px;
    margin: 0 5px 20px 5px;
    padding-top: 15px;
    min-height: 55px;
    font-size: 11px;
    background: #cde0ec;
    border: 1px solid #cde0ec;
}

.lblInfoEnvoiEmail {
    display: block;
    text-align: center;
}

/*
    STYLE-CHARGEMENT.CSS
*/

/* BLOC CHARGEMENT */
div.ctr_chargement_zone {
    background: transparent url(../design/images/attente_fond.png) repeat top left;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

    div.ctr_chargement_zone > table {
        /*height: 800px;*/
        width: 100%;
    }

table.ctr_chargement_vignette {
    background: transparent url(../design/images/attente_titre.png) no-repeat top left;
    color: white;
    font-size: 10pt;
    height: 151px;
    width: 301px;
    margin-left: auto;
    margin-right: auto;
    top: 50px;
}

.ctr_chargement_contenu {
    padding: 5px 0 5px 5px;
}

.ctr_chargement_haut {
    vertical-align: middle;
    text-align: center;
}

.ctr_chargement_bas {
    vertical-align: middle;
}

.ViewCompte .lblSoldeHaut, .ViewCompte .lblSoldeBas {
    display: block;
    padding: 10px 0;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
}

.ViewBudget .menuContenu, .ViewBalance .menuContenu {
    padding: 20px 0 0 0;
}

/*
    INIT COMPTE
*/

.documentInitCompte #bd {
    padding-bottom: 40px;
}

    .documentInitCompte #bd h2 {
        position: initial;
        border: none;
        font-size: 20px;
        padding-bottom: 30px;
    }

.documentInitCompte .pnlSaisieIdentifiant .lblIdentifiant {
    display: none;
}

.documentInitCompte .pnlSaisieIdentifiant .pnlCaptcha,
.documentInitCompte .pnlSaisieIdentifiant .ligneForm {
    background-color: #dfdfdf;
}

.documentInitCompte .pnlSaisieIdentifiant .ligneForm {
    padding-top: 30px;
}

.documentInitCompte .pnlSaisieIdentifiant .pnlCaptcha {
    padding-bottom: 30px;
}

.documentInitCompte .pnlSaisieIdentifiant .ligneForm span,
.documentInitCompte .pnlSaisieIdentifiant .ligneForm input,
.documentInitCompte .pnlSaisieIdentifiant .ligne_auth span,
.documentInitCompte .pnlSaisieIdentifiant .ligne_auth input {
    display: inline-block;
    width: 30%;
    margin-bottom: 10px;
}

.documentInitCompte .pnlSaisieIdentifiant .ligneForm span,
.documentInitCompte .pnlSaisieIdentifiant .ligne_auth span {
    text-align: right;
}

.documentInitCompte .initSaisiePassword,
.documentInitCompte .initSaisieEmail,
.documentInitCompte .initSaisieDdeEnvoiDocsMail {
    padding: 30px 0 0 0;
    text-align: center !important;
}

.documentInitCompte .initSaisieEmail {
    padding: 0;
}

.documentInitCompte input[type=text],
.documentInitCompte input[type=password] {
    width: 250px !important;
    margin-bottom: 10px;
    height: 20px;
}

.documentInitCompte .initSaisiePseudo .wrapperForm {
    padding: 0;
    text-align: center !important;
}

.documentInitCompte .initSaisiePassword span,
.documentInitCompte .initSaisieEmail span {
    display: block;
}

.documentInitCompte .initSaisieEmail .ctr_login_col1,
.documentInitCompte .initSaisiePassword .ctr_login_col1 {
    font-size: 14px;
    font-weight: bold;
}

.documentInitCompte .initSaisiePassword .ctr_login_col1,
.documentInitCompte .initSaisieEmail .ctr_login_libelle.clTexte {
    padding-bottom: 15px;
}

.documentInitCompte .affichageBtn {
    padding-bottom: 30px;
}

.documentInitCompte .initSaisiePseudo {
    padding-bottom: 10px;
}

.documentInitCompte .ctr_formulaire {
    margin-top: 0;
}

.documentInitCompte .saisieMailLbl {
    float: none;
    width: inherit;
    margin-top: inherit;
}

.documentInitCompte .saisieMailTxt {
}

.documentInitCompte .saisieMailConfLbl {
    float: none;
    width: inherit;
    margin-top: inherit;
}

.documentInitCompte .saisiePwdLbl {
    float: none;
    width: inherit;
    margin-top: inherit;
    margin: 0;
}

.documentInitCompte .ctr_formulaire {
    border: none;
}

.documentInitCompte .ctr_change_pwd {
    text-align: center;
}

.documentInitCompte #bd h2 {
    text-align: center;
}

/*
    HIDE FONCTION V2
*/

.iconeCompteHeader,
.lblSoldeBtn,
#ft,
.btnExportHaut,
#dashNotification h4,
.lkBtQualiteEnCours,
.addthisevent,
.closeErrorLogin,
.btnAfficheLots,
.btnAfficheEntrees,
.btnLienVersAccueil,
.lblModifPasswd,
.liCompteFour,
#bdListeCompte .imgCS,
#hd .afficheMenuMobile,
.lkCloseMenu,
#dashRecapCompte,
#dashImmeuble,
.ViewBalance .btnExportHaut,
#wrapperTranscription,
.lblAdrImme,
.ulFoncMesPreferences {
    display: none !important;
}

.tableSimple table {
    margin: auto;
}

#disablePage,
#disablePageMenuQualite {
    position: fixed;
    z-index: 9990;
    background: #000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .80;
    filter: alpha(opacity=80);
    display: none !important;
}

.ctr_contact_gest {
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    color: #194b77;
    cursor: pointer;
}

.pnlAroundQuestion {
    position: fixed;
    top: 100px;
    left: 50%;
    background: #cde0ec;
    border: 1px solid #194b77;
    z-index: 10000;
    height: 100%;
    text-align: left;
    width: 450px;
    height: 450px;
    margin-left: -225px !important;
}

.pnlAroundQuestionContent {
    padding: 0 20px;
}

.pnlAroundQuestion h4 {
    font-weight: bold;
    font-size: 20px;
    margin: 10px 0 0 0;
}

    .pnlAroundQuestion h4 span {
        display: block;
        padding-bottom: 20px;
    }

.pnlAroundQuestion .ligneForm span {
    display: block;
    padding-bottom: 5px;
    padding-top: 10px;
}

.pnlAroundQuestion input[type=text],
.pnlAroundQuestion textarea {
    border: 1px solid #ccc;
    padding: 3px 0;
    background: #FFF;
    width: 99%;
}

.pnlAroundQuestion textarea {
    height: 150px;
}

.lblMessageExplicationGestionnaire,
.lblMessageExplicationAssistant,
.btnClose {
    display: none !important;
}

.wrapperLkClose {
    position: absolute;
    right: 0;
    top: 5px;
}

.pnlAroundQuestion .lkClose {
    float: left;
    background: url(../design/images/close_popup.png) left top no-repeat;
    width: 25px;
    height: 25px;
    margin: 0 !important;
}

.pnlAroundQuestion .lblLkClose {
    float: left;
    line-height: 28px;
    height: 28px;
    display: none;
}

.pnlAroundQuestion .affichageBtn {
    text-align: left;
    padding-top: 10px;
}

.pnlAroundQuestion .ligneFormPJ {
    padding-top: 10px;
    overflow: hidden;
}

    .pnlAroundQuestion .ligneFormPJ input,
    .pnlAroundQuestion .ligneFormPJ span {
        display: block;
        float: left;
        padding-bottom: 3px;
    }

        .pnlAroundQuestion .ligneFormPJ input[type=file] {
            clear: both;
        }

    .pnlAroundQuestion .ligneFormPJ span {
        padding: 5px 0 0 3px;
    }

/*
    UCFactureCS    
*/

.ViewFacturesCS .tableSimple .colBonAPayer {
    width: 90px;
}

    .ViewFacturesCS .tableSimple .colBonAPayer a {
        text-decoration: underline;
        font-weight: bold;
    }

        .ViewFacturesCS .tableSimple .colBonAPayer a:hover {
            color: #f95604;
            text-decoration: none;
        }

/*
    Extranet  COMMUN  
*/

.affichageBtn {
    text-align: center;
    padding: 10px 0;
}

.ViewExtranet .lblTitreUCMenuSVP {
    display: block;
    font-size: 14px;
    padding-bottom: 20px;
    text-align: center;
}

.ViewExtranet ul.menuPnlIncident {
    list-style-type: none;
    text-align: center;
}

    .ViewExtranet ul.menuPnlIncident li {
        display: inline-block;
        margin: 0 15px;
        width: 150px;
        vertical-align: top;
    }

        .ViewExtranet ul.menuPnlIncident li a {
            display: block;
            width: 100%;
            height: 85px;
            text-align: center;
            background: #ebeef0;
            font-size: 14px;
            padding: 65px 10px 0 10px;
            color: #194b77;
        }

            .ViewExtranet ul.menuPnlIncident li a:hover {
                background-color: #FFF;
            }

.lblTitre {
    display: block;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 30px;
}

.ViewExtranetFaq,
.ViewExtranetSVPNouveauDossier,
.ViewExtranetEnvoiDocument,
.ViewExtranetMesDemandes,
.ViewExtranetSVPDossier,
.ViewExtranetSVPEvenement {
    margin-top: 18px;
    width: 100%;
    overflow: hidden;
}

    .ViewExtranetSVPDossier .btnRetour,
    .ViewExtranetSVPEvenement .btnRetour {
        display: block;
        position: absolute;
        left: 0;
        top: 38px;
        z-index: 99;
    }

.imgVideChampRecherche,
.iconePrint {
    display: none;
}

.ViewExtranetFaq .pnlMenuSVP .lblTitreUCMenuSVP,
.ViewExtranetSVPNouveauDossier .pnlMenuSVP .lblTitreUCMenuSVP,
.ViewExtranetEnvoiDocument .pnlMenuSVP .lblTitreUCMenuSVP,
.ViewExtranetMesDemandes .pnlMenuSVP .lblTitreUCMenuSVP {
    display: none;
}

.ViewExtranetFaq .pnlMenuSVP ul.menuPnlIncident,
.ViewExtranetSVPNouveauDossier .pnlMenuSVP ul.menuPnlIncident,
.ViewExtranetEnvoiDocument .pnlMenuSVP ul.menuPnlIncident,
.ViewExtranetMesDemandes .pnlMenuSVP ul.menuPnlIncident {
    padding: 10px 0 30px 0;
    margin: -30px 0 0 0;
}

.ViewExtranetFaq .pnlMenuSVP ul li,
.ViewExtranetSVPNouveauDossier .pnlMenuSVP ul li,
.ViewExtranetEnvoiDocument .pnlMenuSVP ul li,
.ViewExtranetMesDemandes .pnlMenuSVP ul li {
    display: inline-block;
    padding: 0 10px 0 0;
}

    .ViewExtranetFaq .pnlMenuSVP ul li a:hover,
    .ViewExtranetSVPNouveauDossier .pnlMenuSVP ul li a:hover,
    .ViewExtranetEnvoiDocument .pnlMenuSVP ul li a:hover,
    .ViewExtranetMesDemandes .pnlMenuSVP ul li a:hover {
        color: #FE8A00;
    }

/*
    ucFAQ    
*/

.pnlFaq {
    float: left;
    width: 25%;
    background-color: #FFF;
}

.pnlFaqInit {
    position: relative;
    min-height: 200px;
    margin-left: 240px;
    text-align: center;
    padding: 190px 180px;
    background: url(../Images/fond_init_faq.png) right top no-repeat;
    font-size: 14px;
}

.pnlFaqResultats,
.pnlFaqReponse {
    float: right;
    width: 73%;
}

.pnlFaqReponse {
    padding-top: 5px;
}

.pnlFaqResultats .lblResultats {
    display: block;
    text-align: center;
    font-size: 14px;
    padding-bottom: 10px;
}

    .pnlFaqResultats .lblResultats .titreUCSVP {
        font-weight: bold;
    }

ul#ulPnlFaqResultats {
    list-style-type: none;
}

    ul#ulPnlFaqResultats li {
        background-color: #ebeef0;
        border-bottom: 1px solid #FFF;
        overflow: hidden;
    }

        ul#ulPnlFaqResultats li span.lblQuestion {
            display: block;
            float: left;
            padding: 6px 0 0 10px;
        }

        ul#ulPnlFaqResultats li a.btnQuestion {
            background: url(../design/images/tableau_select.png) center center no-repeat;
            width: 26px;
            height: 26px;
            float: right;
            background-color: #FE8A00;
            text-indent: -999em;
        }

            ul#ulPnlFaqResultats li a.btnQuestion.iconeMasquerDetails {
                background-color: #194b77;
                background-image: url(../design/images/tableau_unselect.png);
            }

    ul#ulPnlFaqResultats a.btnIncident,
    .pnlFaqReponse a.btnIncidentReponse {
        display: block;
        float: right;
        padding: 6px 10px;
        background-color: #ebeef0;
        margin: 10px 10px 0 0;
        color: #194b77;
    }

.pnlFaqReponse a.btnIncidentReponse {
    margin-top: -40px;
}

.pnlFaqReponse .litReponse {
    display: block;
    padding: 10px;
}

ul#ulPnlFaqResultats a.btnIncident:hover,
.pnlFaqReponse a.btnIncidentReponse:hover {
    background-color: #FE8A00;
    color: #FFF;
}

ul#ulPnlFaqResultats span.litResultatReponse {
    display: block;
    background-color: #FFF;
    padding: 10px 10px 40px 10px;
    min-height: 40px;
}

    ul#ulPnlFaqResultats span.litResultatReponse h1,
    .pnlFaqReponse .litReponse h1 {
        font-size: 16px !important;
        font-weight: bold !important;
        margin-bottom: 10px !important;
        margin-top: 10px;
    }

    ul#ulPnlFaqResultats span.litResultatReponse h2,
    .pnlFaqReponse .litReponse h2 {
        font-size: 14px !important;
        font-weight: bold !important;
        margin: 10px 0;
    }

.pnlAssistRecherche a.imgRecherche {
    display: block;
    text-indent: -999em;
    width: 30px;
    height: 30px;
    float: right;
    background: url(../design/images/icone_recherche.png) center center no-repeat;
}

.pnlAssistRecherche .menuContenu {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

.pnlAssistRecherche input.txbRecherche {
    display: block;
    float: left;
    width: 195px;
    line-height: 20px;
    height: 20px;
}

.pnlFaqReponse h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

/* Treeview */

.tvwQuestions a {
    display: block;
    white-space: normal !important;
    padding: 0;
}

.tvwQuestions > table {
    width: 100%;
}

    .tvwQuestions > table > tbody > tr > td:first-child {
        width: 23px !important;
    }

.tvwQuestions div {
    padding-left: 8px;
}

.tvwQuestions a img {
    padding: 0 3px 0 0;
}

a.selectedNodeTreeview {
    color: #FF6600 !important;
}

/*
    ucSVPNouveauDossier
*/

.wrapperFormSVPNouveauDossier {
    margin: 0;
    padding: 30px;
    overflow: hidden;
    background-color: #ebeef0;
}

    .wrapperFormSVPNouveauDossier h3 {
        color: #194b77 !important;
        font-size: 12px !important;
        font-weight: bold !important;
        float: left;
        text-decoration: underline;
    }

    .wrapperFormSVPNouveauDossier .pnlConcerne,
    .wrapperFormSVPNouveauDossier .pnlNiveau,
    .wrapperFormSVPNouveauDossier .pnlObj,
    .wrapperFormSVPNouveauDossier .pnlPJ,
    .wrapperFormSVPNouveauDossier .pnlReponse {
        width: 50%;
        float: left;
        overflow: hidden;
        padding-bottom: 20px;
    }

    .wrapperFormSVPNouveauDossier input[type=radio] {
        margin-bottom: 10px;
    }

    .wrapperFormSVPNouveauDossier .ligneForm {
        padding-left: 20px;
    }

        .wrapperFormSVPNouveauDossier .ligneForm input[type=text],
        .wrapperFormSVPNouveauDossier .ligneForm textarea {
            display: block;
            width: 60%;
            margin-bottom: 10px;
        }

        .wrapperFormSVPNouveauDossier .ligneForm textarea {
            min-height: 100px;
        }

    .wrapperFormSVPNouveauDossier .ligneForm,
    .wrapperFormSVPNouveauDossier .pnlObj {
        clear: both;
    }

    .wrapperFormSVPNouveauDossier .pnlPJEnvoiDoc {
        margin-top: -97px;
    }

    .wrapperFormSVPNouveauDossier input[type=text],
    .wrapperFormSVPNouveauDossier textarea,
    .wrapperFormSVPNouveauDossier .ligneForm span {
        display: block;
        float: left;
    }

    .wrapperFormSVPNouveauDossier .ligneForm span {
        text-align: left;
        clear: both;
        padding-right: 10px;
        line-height: 20px;
    }

        .wrapperFormSVPNouveauDossier .ligneForm span.pnlAroundQuestion_label_pj {
            line-height: 25px;
        }

    .wrapperFormSVPNouveauDossier .pnlPJ input[type=file] {
        clear: both;
        display: block;
    }

    .wrapperFormSVPNouveauDossier .pnlPJ .pnlAroundQuestion_imgbutton_pj {
        float: left;
    }

    .wrapperFormSVPNouveauDossier .pnlPJ .ligneForm span {
        clear: none;
    }

    .wrapperFormSVPNouveauDossier .pnlObj .ligneForm span,
    .wrapperFormSVPNouveauDossier .pnlNiveau .ligneForm span {
        width: 90px;
    }

    .wrapperFormSVPNouveauDossier .pnlNiveau select {
        width: 250px;
    }

    .wrapperFormSVPNouveauDossier .pnlConcerne label {
        margin-right: 10px;
    }

    .wrapperFormSVPNouveauDossier .reqObjet,
    .wrapperFormSVPNouveauDossier .reqCommentaire,
    .wrapperFormSVPNouveauDossier .reqIncidentNiveau1 {
        width: auto !important;
        margin-top: -10px;
        margin-left: 100px;
        padding-bottom: 10px;
    }

    .wrapperFormSVPNouveauDossier .reqIncidentNiveau1 {
        margin-top: 0;
    }

    .wrapperFormSVPNouveauDossier .cusTypeDisc {
        margin-top: -5px;
        width: 90%;
        line-height: normal !important;
        padding-bottom: 5px;
    }

    .wrapperFormSVPNouveauDossier input.pnlAroundQuestion_imgbutton_pj,
    .wrapperFormSVPNouveauDossier .pnlAroundQuestion_label_pj {
        display: none !important;
    }

    .wrapperFormSVPNouveauDossier ul.rptPJ {
        list-style-type: none;
        margin: 0;
        padding: 10px;
    }

        .wrapperFormSVPNouveauDossier ul.rptPJ li {
            overflow: hidden;
        }

            .wrapperFormSVPNouveauDossier ul.rptPJ li a {
                float: left;
                display: block;
                padding: 3px 10px 3px 0;
                line-height: 20px;
                height: 20px;
            }

                .wrapperFormSVPNouveauDossier ul.rptPJ li a:hover {
                    color: #ff6a00;
                }

                .wrapperFormSVPNouveauDossier ul.rptPJ li a.btnDeletePJ {
                    width: 20px;
                    text-indent: -999em;
                    background: url(../design/images/bin32.gif) center center no-repeat;
                }

/*
    ucMesDemandes
*/

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

.ViewExtranetMesDemandes .menuContenu {
    display: none;
}

ul.ulPnlMesDemandes {
    background-color: #FFF;
    padding-top: 1px;
    margin: 0 10%;
}

    ul.ulPnlMesDemandes li {
        width: 100%;
        max-width: 100%;
        margin: 0 0 1px 0;
        text-align: left;
        position: relative;
        overflow: hidden;
    }

        ul.ulPnlMesDemandes li.liAjoutDossier {
            display: none !important;
        }

        ul.ulPnlMesDemandes li.enteteListeDemande {
            display: block;
        }

        ul.ulPnlMesDemandes li a,
        ul.ulPnlMesDemandes ul.ulRrptMesDemandes li span {
            padding: 0;
            min-height: 24px;
        }

    ul.ulPnlMesDemandes > li a.btnOuvrirDossier span.lblDateDossier {
        background: none;
    }

    ul.ulPnlMesDemandes > li a.btnOuvrirDossier span.lblDateDossier,
    ul.ulPnlMesDemandes > li span.lblDateDossier {
        position: inherit;
        display: block;
        width: 90px;
        float: left;
        line-height: 34px;
        height: 34px;
        padding: 0 0 0 10px;
        margin-left: 35px;
    }

    ul.ulPnlMesDemandes span.lblDateModif {
        padding-left: 15px;
    }


    ul.ulPnlMesDemandes > li a.btnOuvrirDossier:hover span.lblTitreDossier {
        color: #ff6a00;
    }

    ul.ulPnlMesDemandes > li a.btnOuvrirDossier.dossierClos {
        background: #d8ebce;
        border-top: 1px solid #c6ddba;
        border-bottom: 1px solid #c6ddba;
    }

        ul.ulPnlMesDemandes li a.btnOuvrirDossier.dossierClos span.lblTitreDossier,
        ul.ulPnlMesDemandes > li a.btnOuvrirDossier.dossierClos span.lblDateDossier,
        ul.ulPnlMesDemandes li a.dossierClos span.lblCategorieDossier {
            color: #609547;
        }

        ul.ulPnlMesDemandes > li a.btnOuvrirDossier.dossierClos:hover {
            background: #feffc8;
        }

    ul.ulPnlMesDemandes li span.lblTitreDossier {
        padding-left: 0;
    }

    ul.ulPnlMesDemandes li span.lblTitreDossier {
        float: left;
        width: 400px !important;
        padding-right: 20px;
        line-height: inherit !important;
        height: auto !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    ul.ulPnlMesDemandes li span.lblTitreDossier,
    ul.ulPnlMesDemandes li span.lblCategorieDossier,
    ul.ulPnlMesDemandes li span.lblDateModif {
        display: inherit;
        float: left;
        width: auto;
        line-height: 34px;
        height: 34px;
    }

    ul.ulPnlMesDemandes li span.lblCategorieDossier {
        display: block;
        float: right;
        padding-right: 70px;
        font-size: 10px;
        text-transform: uppercase;
        line-height: 24px;
        height: 24px;
        text-overflow: ellipsis;
        width: 300px;
        white-space: nowrap;
        overflow: hidden;
        text-align: right;
        display: none;
    }



    ul.ulPnlMesDemandes ul.ulRrptMesDemandes {
        top: 0;
        right: 0;
    }

    ul.ulPnlMesDemandes li.enteteListeDemande,
    ul.ulPnlMesDemandes li.enteteListeDemande span.lblCategorieDossier {
        font-size: 10px !important;
        color: #FFF !important;
        text-transform: none !important;
        font-weight: bold;
        background-color: #0b2775 !important;
    }

    ul.ulPnlMesDemandes > li:nth-child(even) {
        background-color: #cde0ec;
    }

ul.ulRrptMesDemandes {
    position: absolute;
    bottom: 7px;
    right: 7px;
    text-align: right;
    width: auto;
}

    ul.ulRrptMesDemandes li {
        display: inline-block;
        width: auto !important;
        margin-left: 5px;
    }

        ul.ulRrptMesDemandes li a,
        ul.ulRrptMesDemandes li span {
            display: block;
            width: 20px;
            height: 20px;
            text-indent: -999em;
            text-align: left;
        }

            ul.ulRrptMesDemandes li a.lblLinkOuvrirDossier {
                background: url(../Images/icone_afficher_dossier.png) center 1px no-repeat;
            }

            ul.ulRrptMesDemandes li a.btnCloturerDossier {
                background: #fe8a00 url(../design/images/icone_valider_dossier.png) center center no-repeat;
            }

            ul.ulRrptMesDemandes li span.lblPresencePJ {
                background: url(../design/images/icone_pj_dossier.png) center center no-repeat;
            }

/*ul.ulPnlMesDemandes li span.iconeDossierClos 
{
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(../design/images/true.png) center center no-repeat;
    text-indent: -999em;
}*/

ul.ulPnlMesDemandes li span.lblTypeDevisOS,
ul.ulPnlMesDemandes li span.iconeDossierClos {
    position: absolute;
    z-index: 99;
    left: 10px;
    top: 7px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    line-height: 22px;
    text-align: center;
}

ul.ulPnlMesDemandes li span.iconeDossierClos {
    text-indent: -999em;
    z-index: 100 !important;
    background: #FFF url(../design/images/true.png) center center no-repeat;
}

ul.ulPnlMesDemandes li span.lblTypeDevisOS {
    background-color: #434343;
    color: #FFF;
    font-family: TNFont;
}

    ul.ulPnlMesDemandes li span.lblTypeDevisOS.typeDossier1:before {
        content: '\f0ad';
    }

    ul.ulPnlMesDemandes li span.lblTypeDevisOS.typeDossier2:before {
        content: '\f0ad';
    }

    ul.ulPnlMesDemandes li span.lblTypeDevisOS.typeDossier3:before {
        content: '\f1ec';
    }

    ul.ulPnlMesDemandes li span.lblTypeDevisOS.typeDossier4:before {
        content: '\f129';
    }

ul.ulPnlMesDemandes .wrapperInfosListeDemandes {
    display: none;
}

ul.ulPnlMesDemandes li.clos span.lblTypeDevisOS {
    display: none !important;
}

/*
    ucSVPDossier    
*/

.ViewExtranetSVPDossier {
    position: relative;
}

    .ViewExtranetSVPDossier .lblTitre {
        margin-bottom: 54px;
    }

.pnlDemandeSVP .afficheIntervenantsMobile,
.pnlDemandeSVP .lkClosePanel {
    display: none !important;
}

.ViewExtranetSVPDossier a:hover {
    color: #ff6a00;
}

.pnlDemandeSVP {
    overflow: hidden;
}

    .pnlDemandeSVP .pnlDossier {
        float: left;
        width: 75%;
    }

        .pnlDemandeSVP .pnlDossier h3.titreDossier {
            overflow: hidden;
            font-size: 12px;
            background: #0b2775;
            color: #FFF;
            padding: 5px;
            margin-top: 0;
        }

            .pnlDemandeSVP .pnlDossier h3.titreDossier span {
                display: block;
                float: left;
            }


                .pnlDemandeSVP .pnlDossier h3.titreDossier span.lblDebutDossier,
                .pnlDemandeSVP .pnlDossier h3.titreDossier span.lblFinDossier {
                    float: right;
                    width: 230px;
                    font-weight: normal;
                    text-align: right;
                }

    .pnlDemandeSVP.dossierClos .pnlDossier h3 {
        background-color: green;
    }

    .pnlDemandeSVP .menuContenu {
        padding: 30px 0 10px 0;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        clear: both;
    }

    .pnlDemandeSVP.dossierClos .menuContenu {
        color: green;
    }

    .pnlDemandeSVP .menuContenu a.btnModifier {
        position: inherit;
        right: inherit;
        bottom: inherit;
        float: none;
    }

    .pnlDemandeSVP .pnlIntervenants {
        float: right;
        width: 22%;
    }

    .pnlDemandeSVP h4.titreUlRptEvenements {
        width: 75%;
        float: left;
    }

    .pnlDemandeSVP ul#ulRptEvenements {
        float: left;
        width: 75%;
    }

    .pnlDemandeSVP .pnlDossier .infosDossier .wrapperPJ {
        display: block;
        float: right;
        text-align: right;
        margin-left: 30px;
    }

    .pnlDemandeSVP .pnlDossier .infosDossier .lblMotif2Dossier {
        display: block;
        padding-top: 20px;
    }

    .pnlDemandeSVP .pnlDossier .infosDossier .wrapperPJ .lblAffichePJ {
        font-weight: bold;
        display: block;
        margin: 5px 10px;
    }

    .pnlDemandeSVP .pnlDossier .infosDossier .wrapperPJ ul {
        list-style-type: none;
        padding: 0;
        margin: 0 10px;
    }

        .pnlDemandeSVP .pnlDossier .infosDossier .wrapperPJ ul li {
            padding-bottom: 5px;
        }

            .pnlDemandeSVP .pnlDossier .infosDossier .wrapperPJ ul li a:hover {
                color: #ff6a00;
            }

    .pnlDemandeSVP ul#ulRptEvenements {
        list-style-type: none;
        padding: 0;
        margin: 0;
        border-top: 1px solid #0b2775;
    }

        .pnlDemandeSVP ul#ulRptEvenements li {
            background-color: #ebeef0;
            padding: 10px;
            position: relative;
            overflow: hidden;
        }

            .pnlDemandeSVP ul#ulRptEvenements li .pnlEvenement a {
                display: block;
                float: right;
            }

            .pnlDemandeSVP ul#ulRptEvenements li .wrapperPJ {
                float: right;
                margin-top: 25px;
            }

                .pnlDemandeSVP ul#ulRptEvenements li .wrapperPJ ul {
                    list-style-type: none;
                    text-align: right;
                }

                    .pnlDemandeSVP ul#ulRptEvenements li .wrapperPJ ul li {
                        padding: 0;
                    }

            .pnlDemandeSVP ul#ulRptEvenements li .pnlEvenement .lblAffichePJEvt {
                display: block;
                position: absolute;
                right: 10px;
                top: 30px;
                z-index: 99;
                font-weight: bold;
            }

            .pnlDemandeSVP ul#ulRptEvenements li .pnlEvenement a.btnRepondre:hover {
                color: #ff6a00;
            }

            .pnlDemandeSVP ul#ulRptEvenements li .pnlEvenement a.btnRepondre.iconeValider {
                background: url(../design/images/true.png) center center no-repeat;
                text-indent: -999em;
                width: 50px;
            }

            .pnlDemandeSVP ul#ulRptEvenements li .pnlEvenement .lblObjetEvenement {
                font-weight: bold;
            }

            .pnlDemandeSVP ul#ulRptEvenements li .pnlTexteEvenement {
                padding: 10px 50px 0 0;
            }

            .pnlDemandeSVP ul#ulRptEvenements li .pnlEvenement a.btnAfficheTextEvenement {
                display: none;
            }

        .pnlDemandeSVP ul#ulRptEvenements div.infoRptEvenements {
            background-color: #ebeef0;
            padding: 5px 10px 10px 10px;
            border-bottom: 1px dotted #0b2775;
            font-style: italic;
        }

.pnlIntervenants ul#ulRptIntervenants {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .pnlIntervenants ul#ulRptIntervenants li {
        margin-bottom: 10px;
        text-align: center;
        background-color: #ebeef0;
        padding: 10px 20px 30px 20px;
    }

        .pnlIntervenants ul#ulRptIntervenants li span {
            display: block;
        }

            .pnlIntervenants ul#ulRptIntervenants li span.lblPrenom,
            .pnlIntervenants ul#ulRptIntervenants li span.lblNom {
                display: inline;
            }

            .pnlIntervenants ul#ulRptIntervenants li span.lblLibelle {
                padding-bottom: 10px;
                font-weight: bold;
            }

            .pnlIntervenants ul#ulRptIntervenants li span.lblAdresse {
                padding: 10px 0;
            }

/*
    UCSVPEvenement
*/

.ViewExtranetSVPEvenement {
    position: relative;
}

    .ViewExtranetSVPEvenement .lblTitre {
        margin-bottom: 54px;
    }

.wrapperFormSVPEvenement {
    background-color: #ebeef0;
    margin: 0 10%;
    padding: 30px;
}

    .wrapperFormSVPEvenement span {
        display: block;
        float: left;
        width: 30%;
        margin-left: 5%;
        line-height: 20px;
        text-align: right;
        padding-right: 10px;
        font-size: 12px;
    }

    .wrapperFormSVPEvenement textarea {
        border: 1px solid #FFF;
        height: 80px;
        padding: 3px 0;
    }

        .wrapperFormSVPEvenement textarea:focus {
            border: 1px solid #434343;
        }

    .wrapperFormSVPEvenement input[type=text],
    .wrapperFormSVPEvenement textarea {
        display: block;
        float: left;
        width: 50%;
        margin: 0 0 10px 0;
    }

.ViewExtranetSVPEvenement .reqObjet,
.ViewExtranetSVPEvenement .reqCommentaire {
    width: auto !important;
    margin-top: -10px;
    margin-left: 36.5%;
    padding-bottom: 10px;
}

.ViewExtranetSVPEvenement #btnUplPJ {
    margin-left: 250px;
}

.ViewExtranetSVPEvenement input.pnlAroundQuestion_imgbutton_pj,
.ViewExtranetSVPEvenement .pnlAroundQuestion_label_pj {
    display: none !important;
}

.ViewExtranetSVPEvenement ul.rptPJ {
    list-style-type: none;
    margin: 0 0 0 250px;
    padding: 10px;
}

    .ViewExtranetSVPEvenement ul.rptPJ li {
        overflow: hidden;
    }

        .ViewExtranetSVPEvenement ul.rptPJ li a {
            float: left;
            display: block;
            padding: 3px 10px 3px 0;
            line-height: 20px;
            height: 20px;
        }

            .ViewExtranetSVPEvenement ul.rptPJ li a:hover {
                color: #ff6a00;
            }

            .ViewExtranetSVPEvenement ul.rptPJ li a.btnDeletePJ {
                width: 20px;
                text-indent: -999em;
                background: url(../design/images/bin32.gif) center center no-repeat;
            }

.ViewExtranetSVPEvenement .btnRetour {
    border: none;
    font-size: 11px;
    background: none;
    cursor: pointer;
    padding: 0;
}

    .ViewExtranetSVPEvenement .btnRetour:hover {
        color: #ff6a00;
    }

/*
    DESIGN AG    
*/

.pnlBtnVote {
    text-align: center;
    padding: 30px 0;
}

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

/* ucListeAG */

a.LnkBtnNouveau {
    text-decoration: underline;
}

    a.LnkBtnNouveau:hover {
        text-decoration: none;
    }

/* ucInitAG */

div.divInfosAG p {
    text-align: center;
    padding: 10px 0;
}

a.LnkBtnCommencer,
.pnlBtnVote a {
    background-color: #dddddd;
    padding: 2px 5px;
}

/* LISTE */

.liLstVotant {
    background-color: #D5DFE5;
    border-bottom: 1px solid #D5DFE5;
    overflow: hidden;
    line-height: 24px;
    font-size: 11px;
    padding-left: 10px;
}

    .liLstVotant:nth-child(odd) {
        background-color: #FFF;
    }

    .liLstVotant span.LblQualite {
        font-weight: bold;
    }

    .liLstVotant span.LblNom {
        text-transform: uppercase;
    }

    .liLstVotant span.LblPrenom,
    .pnlRecapSelection span.LblPrenom,
    .liLstVotant span.LblPrenomVotant {
        text-transform: capitalize;
    }

    .liLstVotant table.RblPresence,
    .liLstVotant table.RblVote {
        float: right;
        width: 30%;
    }

        .liLstVotant table.RblPresence td,
        .liLstVotant table.RblVote td {
            width: 33%;
            text-align: center;
            padding: 4px 0;
            position: relative;
        }

            .liLstVotant table.RblPresence td label,
            .liLstVotant table.RblVote td label {
                position: absolute;
                width: 100%;
                left: 0;
                top: 0;
                text-indent: -999em;
            }

ul.enteteUlLstVotant,
ul.enteteUlLstReso {
    overflow: hidden;
    border-bottom: 1px solid #dfdfdf;
}

    ul.enteteUlLstVotant li,
    ul.enteteUlLstReso li {
        background-color: #0B2775;
        color: #FFF;
        float: left;
        font-weight: bold;
        width: 10%;
        text-align: center;
        padding: 5px 0;
    }

        ul.enteteUlLstVotant li a {
            text-decoration: underline;
            cursor: pointer;
            color: #FFF;
        }

            ul.enteteUlLstVotant li a:hover {
                text-decoration: none;
            }

        ul.enteteUlLstVotant li:first-child {
            width: 70%;
        }

/* Selection candidat CS */

#ulLstCopro {
    float: left;
    width: 40%;
    padding-bottom: 40px;
}

    #ulLstCopro .liLstCopro {
        position: relative;
        margin: 0;
        line-height: 18px;
    }

        #ulLstCopro .liLstCopro table,
        #ulLstCopro .liLstCopro input {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            z-index: 0;
        }

        #ulLstCopro .liLstCopro label {
            position: absolute;
            display: block;
            left: 0;
            top: 0;
            width: 100%;
            text-indent: -999em;
            z-index: 99;
        }

        #ulLstCopro .liLstCopro div {
            padding-left: 25px;
        }

.RblSePresente {
    display: none;
}

.pnlRecapSelection {
    width: 25%;
    min-height: 210px;
    margin-bottom: 40px;
    float: right;
    margin-top: -40px;
    border: 1px solid #434343;
    position: relative;
    padding-bottom: 70px;
}

    .pnlRecapSelection h4 {
        font-weight: bold;
        font-size: 14px;
        padding: 0 20px;
    }

    .pnlRecapSelection ul {
        padding-left: 30px;
    }

        .pnlRecapSelection ul li {
            list-style-type: disc;
            padding-bottom: 2px;
        }

    .pnlRecapSelection .BtnVote {
        position: absolute;
        bottom: 10px;
        width: 90%;
        margin: 0 5%;
        white-space: pre-wrap;
        height: inherit;
        cursor: pointer;
    }

/* Vote pour candidat */

ul.ulLstCandidatSelection {
    text-align: center;
}

div.divVoteCS {
    display: none;
    background-color: #FFF;
    margin: 0 20%;
    position: fixed;
    width: 60%;
    height: 92%;
    left: 0;
    top: 0;
    z-index: 10000;
    padding: 3% 20px 5% 20px;
    overflow-y: auto;
    box-shadow: 0 0 5px #000;
}

    div.divVoteCS h3 {
        color: #666;
    }

ul.ulLstCandidatSelection li {
    background: url(../design/imagesV2/icone_homme_copro_ag_medium.png) center top no-repeat;
    display: inline-block;
    padding-top: 46px;
    width: 90px;
    vertical-align: top;
}

ul.ulResultatVoteCS {
    padding-top: 40px;
    text-align: center;
}

    ul.ulResultatVoteCS li {
        display: inline-block;
        width: 200px;
        vertical-align: top;
    }

        ul.ulResultatVoteCS li span {
            display: block;
            padding-top: 86px;
            padding-left: 20px;
            padding-right: 20px;
        }

.ulLstCandidat {
    text-align: center;
    padding-top: 15px;
}

    .ulLstCandidat > li {
        display: inline-block;
        position: relative;
        width: 160px;
        height: 130px;
        margin: 0;
        vertical-align: top;
        margin: 0 5px;
        padding-right: 10px;
        padding-left: 10px;
    }

        .ulLstCandidat > li > h3 {
            padding-top: 20px;
            padding-bottom: 10px !important;
            font-size: 14px !important;
        }

.ulLstVotepourCandidat {
    text-align: left;
}

.divResCandVoteCS {
    display: none;
    position: absolute;
    bottom: 32px;
    width: 160px;
}

a.lkVoteCS {
    display: block;
    position: absolute;
    bottom: 35px;
    left: 50%;
    width: 50px;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 0 -36px;
    text-decoration: underline;
}

    a.lkVoteCS:hover {
        text-decoration: none;
    }

a.lkValiderVote {
    display: block;
    width: 80px;
    padding: 8px 15px;
    margin: 20px auto 100px auto;
}

span.nbPourVoteCS,
span.nbAbstVoteCS,
span.nbContreVoteCS {
    display: inline-block;
    padding-top: 20px;
    width: 28px;
    text-align: center;
}

span.nbPourVoteCS {
    background: url(../design/images/etat_solde.png) center top no-repeat;
}

span.nbAbstVoteCS {
    background: url(../design/images/etat_valide.png) center top no-repeat;
}

span.nbContreVoteCS {
    background: url(../design/images/etat_annule.png) center top no-repeat;
}

div#ucVoteCS div.pnlBtnVote.pnlVoteMembre {
    display: none;
    padding-bottom: 50px;
    padding-top: 0;
}

/* Resultat vote CS */

.ulResultatVoteCS li span {
    display: block;
    padding-left: 20px;
    line-height: 20px;
    text-align: center;
}

ul.ulResultatVoteCS li span.resoOK {
    background: url(../design/images/tick_circle.png) center center no-repeat;
}

ul.ulResultatVoteCS li span.resoNOK {
    background: url(../design/images/cross_circle.png) center center no-repeat;
}

/* Reso */

div.descriptionReso {
    padding-bottom: 20px;
}

    div.descriptionReso span {
        display: block;
    }

        div.descriptionReso span.LblResolution {
            font-weight: normal;
        }

        div.descriptionReso span.LblResolutionTitre {
            font-weight: bold;
            font-size: 14px;
            padding-bottom: 15px;
        }

div.resultatReso {
    text-align: center;
}

    div.resultatReso h2 {
        text-align: left;
    }

    div.resultatReso span.LblRes {
        display: block;
        margin: auto;
        margin-top: 30px;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

div.resoOK span.LblRes {
    background: url(../design/images/tick_circle.png) center top no-repeat;
}

div.resoNOK span.LblRes {
    background: url(../design/images/cross_circle.png) center top no-repeat;
}

div.commentairesResoAG {
    position: relative;
    padding-bottom: 25px;
}

    div.commentairesResoAG > a {
        text-decoration: underline;
        cursor: pointer;
    }

        div.commentairesResoAG > a:hover {
            text-decoration: none;
        }

    div.commentairesResoAG .wrapperTxtResoPv {
        display: none;
        top: 25px;
        left: 0;
        position: absolute;
        width: 40%;
        z-index: 9;
        padding: 1px 1px 0 1px;
        background-color: #0B2775;
    }

        div.commentairesResoAG .wrapperTxtResoPv a {
            display: block;
            float: right;
            line-height: 25px;
            padding: 0 10px;
            color: #FFF;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }

            div.commentairesResoAG .wrapperTxtResoPv a:hover {
                background-color: #000;
            }

    div.commentairesResoAG textarea {
        height: 151px;
        width: 100%;
        border: none !important;
        padding: 0;
    }

/* Liste réso recap */

#ucRecapAG h3.clearBoth {
    padding-top: 20px;
}

.clearBoth {
    clear: both;
}

ul.enteteUlLstReso {
    background-color: #0B2775;
}

.liLstReso {
    background-color: #D5DFE5;
    border-bottom: 1px solid #D5DFE5;
    overflow: hidden;
    font-size: 11px;
    padding-left: 10px;
}

    .liLstReso:nth-child(odd) {
        background-color: #FFF;
    }

    .liLstReso span,
    ul.enteteUlLstReso li {
        display: inline-block;
        line-height: 24px;
        width: 16%;
        text-align: center;
    }

ul.enteteUlLstReso li {
    padding: 0;
}


    .liLstReso span:first-child,
    ul.enteteUlLstReso li:first-child {
        width: 50%;
        text-align: left;
    }

    ul.enteteUlLstReso li:first-child {
        width: 49%;
        padding-left: 1%;
    }

/* Recap AG */

span.LblApprouve {
    display: block;
    height: 17px;
    text-indent: -999em;
}

    span.LblApprouve.etatResoO {
        background: url(../design/images/tick_circle.png) center center no-repeat;
    }

    span.LblApprouve.etatResoN {
        background: url(../design/images/cross_circle.png) center center no-repeat;
    }

#ucRecapAG table {
    width: 80%;
}

    #ucRecapAG table tr td,
    #ucRecapAG table tr th {
        padding: 4px 10px;
    }

    #ucRecapAG table tr:nth-child(even) {
        background-color: #CDE0EC;
    }

    #ucRecapAG table .colTxtAlignLeft {
        text-align: left;
    }

    #ucRecapAG table .colTxtAlignRight {
        text-align: right;
    }

    #ucRecapAG table .colTxtAlignCenter {
        text-align: center;
    }

#ucRecapAG .menuContenu {
    text-align: center;
    padding: 30px 0;
}

    #ucRecapAG .menuContenu .iconePrint,
    #ucPresenceAG .menuContenu .iconePrint {
        display: inline-block !important;
        background-color: #DDD;
        padding-right: 5px;
        padding-left: 5px;
    }

.sansVote .LblApprouve,
.titre .LblApprouve {
    display: none !important;
}

tr.sousVote td:first-child {
    padding-left: 30px !important;
}

/* Progress bar */

div.progressbarAvancement {
    clear: both;
}

    div.progressbarAvancement .ui-progressbar-value {
        background-color: #F95604;
        color: #FFF;
        padding: 2px 0;
        text-align: right;
    }



.g-recaptcha > div {
    display: block;
    position: relative;
    margin: 10px auto;
}