/******************************************************************************
Styles spécifiques au site de rédaction
******************************************************************************/
/* ------------------------------------------------------------ */
/* Master Page											        */
/* ------------------------------------------------------------ */

.bDefault {
    display: none;
}

.divMessageSaveAutorisation,
.divMessageChgtEtatAutorisation {
    margin: 10px;
    text-align: left;
}

.lMessageSaveAutorisation,
.lMessageChgtEtatAutorisation {
    font-weight: bold;
}

.lNoRedevable {
    font-weight: bold;
    color: #FF0000;
}
/* ------------------------------------------------------------ */
/* Menu Autorisation											*/
/* ------------------------------------------------------------ */
.etapesAutorisation {
    /*border: red 2px solid;*/
    font-size: 12px;
    color: #FFFFFF;
    background-color: transparent;
    list-style-type: none;
    height: 60px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    background-color: #e7e7e7;
    left: 0px;
}

    .etapesAutorisation a {
        display: inline-block;
        height: 40px;
        padding: 20px 20px 0px 20px;
        font-size: 12px;
    }

        .etapesAutorisation a:hover {
            opacity: 0.5;
        }

        .etapesAutorisation a.precedente:hover {
            color: #727476;
        }

    .etapesAutorisation .precedente {
        background-color: #a5d0ff;
        color: #FFFFFF;
    }

    .etapesAutorisation .courante {
        background-color: #67a9f3;
        color: #FFFFFF;
    }

    .etapesAutorisation .suivante {
        background-color: #e7e7e7;
        color: #727476;
    }


.libelleActe {
    display: block;
}

.acteLibelle {
    display: block;
    font-weight: bold;
    font-size: 16px;
}

.iAvertissementEdition {
    float: right;
    padding: 0;
}

.rowEtat {
    clear: both;
    display: block;
}

    .rowEtat:after {
        display: table;
        clear: both;
        content: "";
        border-spacing: 0;
    }

.lEtatCourant {
    font-style: italic !important;
    float: left !important;
    color: #A5D0FF !important;
    font-size: 20px !important;
}

.iHistoEtats {
    float: right;
    width: 50px;
    text-align: center;
}

    .iHistoEtats img {
        vertical-align: middle;
    }

.tableMenuAutorisationBas {
    height: 27px;
    width: 100%;
    background: Lavender;
}

.tableMenuAutorisationHaut {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    height: 27px;
    width: 100%;
    background: Lavender;
}

/* contenu des pages */
.divContentRedaction {
    min-height: 450px;
    clear: both;
}

    .divContentRedaction + .upMenuAutorisationBas {
        margin-top: 30px;
    }

.divRecap {
    /* Marges intérieures pour que le contenu ne soit pas collé à la bordure */
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 450px;
}

.divCourriers {
    /* Marges intérieures pour que le contenu ne soit pas collé à la bordure */
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 100px;
}

div.pCourrier {
    margin-bottom: 10px;
}

div.bCourrier {
    white-space: normal;
}

.divMenuAutorisationFermer {
    height: 18px;
    text-align: center;
    padding-top: 2px;
    position: relative;
    float: right;
    visibility: hidden;
    display: none;
}

.lAvertissementEdition {
    color: Red;
}

.lTitre {
    font-size: 10pt;
    font-weight: bold;
}

.pImpression {
    float: left;
}

.bkgTexteSimple {
    background-color: #a5d0ff;
    opacity: 0.5;
}

.texteSimple {
    font-weight: bold;
    color: black;
}

/******************************************************************************
        Récap des emprises
******************************************************************************/
.divLinkEmprises {
    margin: 0;
    padding: 0;
}

    .divLinkEmprises .dxbButton_SogelinkV2 {
        width: 180px;
        margin: 0 0 1em;
    }

/******************************************************************************
		Control RechercheAutorisationControl
******************************************************************************/
.bUpDown {
    position: absolute;
    right: 5px;
    top: 5px;
    outline: none;
}

.selecteurRecherche {
    display: flex;
    align-items: center;
    padding: 0.625em 0.625em 0.625em 22px;
    margin-bottom: 1.5em;
}

    .selecteurRecherche > span {
        width: 187px;
        color: #747276;
        font-size: 20px;
        font-weight: 300;
    }

    .selecteurRecherche select {
        width: 20.6em;
        margin-right: 2em;
    }

#dvFilter .formulaire {
    display: flex;
}

    #dvFilter .formulaire .blocGauche {
        width: 38em;
    }

    #dvFilter .formulaire .blocDroite {
        width: 60em;
        margin-left: 2em;
    }

/******************************************************************************
		Control RechercheCooTDBControl
******************************************************************************/
.ChampFormulaireTextBox {
    text-align: left;
    width: 100%;
    padding: 5px;
}

td.MyHeaderRecherche.dxrpHeader_SogelinkV2 {
    color: #747276;
    font-size: 20px;
    font-weight: 300;
    box-sizing: border-box;
    width: 100%;
    margin: 3px 0 10px -8px;
    padding: 15px 8px 15px 8px;
    border-bottom: 1px solid #848484;
}


/******************************************************************************
		Page Tableau de bord
******************************************************************************/
.mainDashboardContainer.tdb {
    padding: 10px;
    margin-top: 16px;
}

#tdbconteneur {
    width: calc(100vw - 80px);
    overflow-x: auto;
    min-width: 1260px;
}

.divUpdateProgressRecherche {
    width: 100%;
    text-align: right;
    position: relative;
    top: 15px;
}

.lRecherche {
    vertical-align: bottom;
}

.pGridViewAutorisations {
    min-height: 150px;
}

.gvAutorisations {
    margin-top: 4px;
    width: 100%;
    margin-bottom: 4px;
}
/* Cellules alignées à gauche */
.gvAutorisationsHeaderStyle {
    text-align: left;
}

/* Colonnes contenant les boutons de commandes */
.gvAutorisationsCommand {
    text-align: center;
    vertical-align: middle;
    width: 16px;
}

.divLinkRight {
    text-align: right;
    margin: 10px;
    margin-right: 0;
}

.modalPopupModeles {
    background-color: White;
    padding: 3px;
    width: 90%;
    min-width: 1000px;
}

.modalPopupOKAnnuler {
    width: 510px;
    background-color: White;
    padding: 3px;
}

.labelPopup {
    margin-top: 0px;
    margin-left: 30px;
    font-style: italic;
    color: #003399;
}

.barreActions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 0;
}

    .barreActions:first-child {
        margin-top: 0;
    }

    .barreActions > div {
        flex: none;
    }

.barreGauche div.btnSogelink {
    width: 150px;
}

.GridViewHeader_Sogelink td {
    white-space: normal;
    font-size: 15px;
    color: #727476;
    text-align: center;
}

/******************************************************************************
		Page de sélection du modèle
******************************************************************************/
.gvModelesRedactionRowStyle {
    cursor: pointer;
}
/******************************************************************************
		Affichage des informations de l'autorisation 
******************************************************************************/
/*Div pour afficher les informations de l'autorisation*/
.divInfoAutorisation {
    border: 1px solid #7795BD;
    background-color: #FFFFFF;
    position: absolute;
    display: none;
}
/*Tableau affiché dans la div d'information*/
.tableInfoAutorisation {
    /*margin:5px;*/
    width: 100%;
}

/*Différentes lignes du tableau d'information*/
.trModele,
.trChantier,
.trActeurs,
.trEmprise,
.trTranchee,
.trSignataire,
.trPrescription,
.trRedevance,
.trDiffusion {
}
/*cellules de gauche du tableau d'information*/
.tdModele,
.tdChantier,
.tdActeurs,
.tdEmprise,
.tdTranchee,
.tdSignataire,
.tdPrescription,
.tdRedevance,
.tdDiffusion {
    font-weight: bold;
    /*vertical-align: top;*/
    font-size: 12px;
}
/*cellules de droite du tableau d'information*/
.tdDetailModele,
.tdDetailActeurs,
.tdDetailEmprise,
.tdDetailChantier {
    vertical-align: top;
}
/*span de description détaillée d'une emprise*/
.pDetailLocalisation,
.pDetailPeriodeTravaux,
.pDetailPeriodeOccupation {
    margin: 0px;
}
/*span de description détaillée d'une emprise*/
.pDetailTravauxStationnement {
    margin: 0px;
    font-size: 1.1em;
    text-decoration: underline;
}

/******************************************************************************
		Affichage des états/échéancier de l'autorisation 
******************************************************************************/
/*Div d'affichage*/
.divEtatsAutorisation,
.divEcheancierFactu {
    font-size: 12px;
    background-color: #FFFFFF;
    border: 1px solid #727476;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    position: absolute;
    display: none;
}
/*Tableau affiché dans la div*/
.tableEtatsAutorisation,
.tableEcheancierAutorisation {
    margin: 0px;
    padding: 5px 5px 5px 5px;
    /*border:1px solid #7795BD;*/
}
    /*Différentes lignes du tableau*/
    .tableEtatsAutorisation td {
        padding: 5px 5px 5px 5px;
    }

.trGroupe {
    font-weight: bold;
    /*background-color: paleturquoise;*/
    border: 0;
    margin: 0;
}
/*cellules d'entêtes*/
.tdEtatHeader,
.tdEcheancierHeader {
    font-weight: 600;
    vertical-align: top;
    text-align: center;
    border-bottom-color: #BEBEBE;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-family: 'Open Sans';
    color: #727476;
    font-size: 13pt;
}

/*cellules de données*/
.tdEtat {
    vertical-align: top;
}

.tdEcheancier,
.tdEcheancierMontant,
.tdEcheancierPeriode {
    vertical-align: top;
    border-bottom: 1px solid silver;
}

.tdEcheancierMontant {
    text-align: right;
    width: 5em;
}

.tdEcheancierPeriode {
    width: 18em;
}
/******************************************************************************
		Page de saisie de l'autorisation 
******************************************************************************/
/* div contenant le message d'erreur générale de la page */
.divAutorisationError {
    /* Positionné en dur pour éviter que ce message ne décale vers le bas les emprises lorsqu'il est affiché*/
    /*position:absolute;
	top:95px;*/
    font-weight: bold;
    color: Red;
    width: 100%;
}
/* Section contenant les boutons de validation */
.divOKAnnuler {
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
}

.bValider {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

.bOK,
.bAnnuler {
    margin-top: 5px;
    margin-right: 5px;
}

.lbRetourModeles {
    float: left;
    margin-top: 7px;
    margin-left: 5px;
}
/* Nom du modèle affiché dans le bandeau*/
.lModele {
    float: left;
    margin-top: 7px;
    margin-left: 50px;
    font-style: italic;
    color: #7795BD;
    display: block;
}
/******************************************************************************
		Acteur de l'autorisation 
******************************************************************************/

/* Nom du contact d'un acteur ou non du particulier */
.tbNomContact {
    width: 13em;
}
/* Prénom du contact d'un acteur ou non du particulier */
.tbPrenomContact {
    width: 13em;
}

/* adresse de l'acteur */
.tbAdresse {
    height: 3em;
    vertical-align: top;
    width: 33.5em;
}

/* codepostale de l'adresse de l'acteur (Demandeur ou bénéficiaire)*/
.tbCodePostal {
    width: 5em;
}

/* Ville del'adresse de l'acteur (Demandeur ou béneficiare)*/
.tbVille {
    width: 16em;
}

/* Pays*/
.tbPays {
    width: 5em;
}

.tbTelephone {
    width: 8.5em;
}

.imageTelephone {
    vertical-align: text-bottom;
    height: 1.5em;
}

.tbCourriel {
    width: 33.5em;
}

.lAjouterTiers {
    text-decoration: underline;
    cursor: pointer;
}

    .lAjouterTiers.bound div.dxb {
        color: green;
    }

    .lAjouterTiers.unbound div.dxb {
        color: #b00;
    }

/******************************************************************************
		recherche d'un acteur 
******************************************************************************/
.tdRechercheSociete {
    width: 50%;
    text-align: right;
}

.lbEntreprises {
    height: 200px;
    width: 100%;
}

.tbRaisonSocialeRecherche {
    width: 75%;
}
/* bouton de recherche */
.ibRecherche {
}

/******************************************************************************
		localisation sur commune
******************************************************************************/
.ucLocCommuneTbVoiePrincipale {
    width: 200px;
}

.ucLocCommuneTbVoiePrincipaleAxe {
    width: 200px;
}

.ucCommuneTbVoiePrincipaleWatermark {
    font-style: italic;
    color: GrayText;
}

.ucCommuneTbVoiePrincipaleWatermarkAxe {
    font-style: italic;
    color: GrayText;
}

.ucLocCommuneTbVoie {
    width: 200px;
}

.ucCommuneTbVoieWatermark {
    font-style: italic;
    color: GrayText;
}

.ucLocCommuneDdlCommune {
    width: 200px;
}

.ucLocCommuneDdlCoteNonPrecise {
    font-style: italic;
    color: GrayText;
}

.ucLocCommuneTbParcelleNo {
    width: 6em;
}

.ucLocCommuneTbModifierTexteLocalisation {
    width: 92%;
}

.ucLocCommuneTbNo,
.ucLocCommuneTbSection {
    width: 5em;
}

.ucLocCommuneTbLieuDit {
    width: 25em;
}

.ucLocCommuneTbWatermarkParcelleLieuDit {
    width: 25em;
    font-style: italic;
    color: GrayText;
}

.ucLocCommuneTbWatermarkParcelleNo {
    width: 4em;
    font-style: italic;
    color: GrayText;
}

.ucLocCommuneTbWatermarkSection {
    width: 5em;
    font-style: italic;
    color: GrayText;
}

/******************************************************************************
		Autocomplete
******************************************************************************/
/*AutoComplete flyout */
.autocomplete_completionListElement {
    visibility: hidden;
    margin: 0px!important;
    background-color: #fff;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
    position: absolute;
    z-index: 100000 !important;
    padding: 1px;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */
.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
}

/******************************************************************************
		localisation sur axe
******************************************************************************/
.ucLocAxeDdlCoteNonPrecise {
    font-style: italic;
    color: GrayText;
}

.ucLocAxeTbAxe {
    width: 20em;
}

.ucLocAxeTbAxeWatermark {
    width: 20em;
    font-style: italic;
    color: GrayText;
}

.ucLocAxeTbModifierTexteLocalisation {
    width: 95%;
}

.ucLocAxeTbNoPR {
    width: 215px;
}

.ucLocAxeTbNoPRDebutFin {
    width: 6em;
}

.ucLocAxeTbParcelleLieuDit {
    width: 25em;
}

.ucLocAxeTbWatermarkParcelleLieuDit {
    width: 25em;
    font-style: italic;
    color: GrayText;
}

.ucLocAxeTbParcelleNo {
    width: 4em;
}

.ucLocAxeTbWatermarkParcelleNo {
    width: 4em;
    font-style: italic;
    color: GrayText;
}

.ucLocAxeTbParcelleSection {
    width: 5em;
}

.ucLocAxeWatermarkParcelleSection {
    width: 5em;
    font-style: italic;
    color: GrayText;
}

.gvSectionsAxe {
    background-color: lightgrey;
}

.ucLocAxesSectionsAxe {
    height: 90px;
    overflow: auto;
    margin-top: -1.1em;
    margin-left: 3em;
}

.ucLocAxeTbAdresse {
    width: 40em;
}

.pSectionsAxe {
    text-align: left;
}

.loupeSection {
    margin-right: -1.25em;
}

/******************************************************************************
		valeur information 
******************************************************************************/
.fieldsetInformations {
    border: 0px;
    width: 100%;
}

.lAucuneInfoASaisir {
    color: Red;
}

.lAucuneInfoASaisirGray {
    color: #444343;
}

.lErreurValidationInfos {
    color: Red;
}

.lErreurValidationInfosGray {
    color: #444343;
}

/* Ligne comportant la question et les contrôles */
.trQuestionControles {
    vertical-align: top;
    text-align: left;
}
/* Cellule comportant la question */
.tdQuestion {
    padding: 5px;
    padding-top: 8px;
    /* filet gris */
    border-bottom: gainsboro 1px solid;
    width: 255px;
    text-align: left;
}

    .tdQuestion .imageButton {
        padding: 0;
    }

/* Cellule comportant les controles */
.tdControles {
    vertical-align: baseline;
    padding-top: 5px;
    /* filet gris */
    border-bottom: gainsboro 1px solid;
    width: 600px;
    text-align: left;
}

.ulInformationsAFournir {
    margin-left: 15px;
}

.tbDuree {
    width: 3em;
    text-align: right;
}

.imageCalendar {
    vertical-align: text-bottom;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.tbDelai {
    width: 2em;
    text-align: right;
}

.tbLongueur {
    width: 3em;
    text-align: right;
}

.tbLargeur {
    width: 3em;
    text-align: right;
}

.tbDate {
    width: 7em;
}
/* Nom d'une information conditionnée par la valeur d'une autre information */
.lNomConditionne {
    display: block;
    margin-left: 15px;
}

/* Nom d'une information QUI N'EST PAS conditionnée par la valeur d'une autre information */
.lNom {
    font-weight: 700;
}

.rblNatureDetail,
.cblNatureDetail,
.cblTexte {
    /* Colle les lignes du radioButtonList*/
    border-collapse: collapse;
}
/************ textBox redimensonnable (valeurInfoChaine)***********************/
.tbTexte {
    vertical-align: top;
}

/*For handle icon */
.handleText {
    width: 16px;
    height: 16px;
    overflow: hidden;
    cursor: se-resize;
    background-image: url(Menus/HandleGrip.png);
}
/*For container div while resizing*/
.resizingText {
    padding: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #7391BA;
    overflow: hidden;
}
/*For Container Div which consists text box
	float:left;
*/
.frameText {
    overflow: hidden;
    background-color: #ffffff;
    font-family: Helvetica;
    font-size: 8pt;
    width: 100%;
    line-height: normal;
}

    .frameText input {
        border-style: solid;
        border-width: 1px;
        border-color: #848484;
    }

    .frameText textarea {
        border-style: solid;
        border-width: 1px;
        border-color: #848484;
    }

/*For textbox */
.noborder {
    border: 0px;
    padding: 2px;
}


/******************************************************************************
		valeur information chaine
******************************************************************************/

/************ MaskedEdit Related Styles ***********************/

.MaskedEditMessage {
    color: #ff0000;
    font-weight: bold;
}

.MaskedEditFocusNegative {
    background-color: #ffffcc;
    color: #ff0000;
}

.MaskedEditBlurNegative {
    color: #ff0000;
}

/******************************************************************************
		Contact Acteur
******************************************************************************/
/* raison sociale de l'entreprise */
.lRaisonSociale,
.lNumRedevEntreprise {
    width: 150em;
}

.tbRaisonSociale {
    width: 43.7em;
}
/* civilité du riverain */
.ddlCiviliteRiverain {
    margin: 2px;
    width: 5em;
}
/* nom du riverain */
.tbNomRiverain,
.tbweNomRiverain {
    margin: 2px;
    width: 24.2em;
}

.tbPrenomRiverain,
.tbwePrenomRiverain {
    margin: 2px;
    width: 22.8em;
    text-align: left;
}

.tbNumRedevRiverain,
.tbNumRedevEntreprise,
.tbweNumRedevRiverain,
.tbweNumRedevEntreprise {
    margin: 2px;
    width: 43.7em;
}

.tbweNomRiverain,
.tbwePrenomRiverain,
.tbweNumRedevRiverain,
.tbweNumRedevEntreprise {
    font-style: italic;
    color: blue;
}

.tbweSaisieMultipleInformation {
    font-style: italic;
    color: GrayText;
}

.ActeurEntrepriseAdresse {
    vertical-align: top;
}

.ddlContactActeurControl {
    width: 55em;
}

.pSaisieRiverain {
    text-align: right;
}

.ibValiderSaisieRiverain {
    width: 15px;
    height: 15px;
}

.ibAnnulerSaisieRiverain {
    width: 16px;
    height: 16px;
}

.modalPopupOKAnnulerRiverain {
    width: 570px;
    background-color: White;
    padding: 3px;
}

.bRiverainSelected {
    display: none;
}

/*	
	===============================
			Un acteur
	=============================== 
*/
/* .beneficaireHeader, .demandeurHeader, */
.acteurHeader {
    background-color: linen;
    cursor: pointer;
    padding-top: 2px;
    font-weight: bold;
    height: 20px;
    width: 40%; /*Pour laisser de la place aux commandes Up, Down, ...*/
    float: left; /*Pour afficher les commandes sur la même ligne*/
}

.beneficiaireContent, .acteurTiersContent {
    border: solid 1px aliceblue;
    margin-bottom: 3px;
}

.acteurContent {
    margin-bottom: 10px;
    margin-left: 10px;
}


.acteursCommandes {
    background-color: aliceblue;
    cursor: pointer;
    padding-top: 2px;
    width: 10%;
    text-align: right;
    float: left;
}

/* Panel contenant les acteurs */
.pActeurs_Content {
    margin-left: 10px;
    margin-bottom: 10px;
}

.pActeurBeneficiaire,
.pActeurTiers {
    display: inline;
    vertical-align: top;
}

.fieldsetActeur {
    width: 60em;
}

/***************************** 
Control emprise
******************************/
.empriseHeader,
.empriseCommandes {
    font-weight: bold;
    font-size: 1.1em;
    height: 20px;
    padding-top: 2px;
    vertical-align: middle;
}
/* Partie gauche : titre du groupe */
.empriseHeader {
}

/* Partie droite : commandes du groupe */
.empriseCommandes {
    text-align: right;
}

/* Contenu d'un groupe Localisations + Natures */
.pEmprise .LocsContent {
    margin-bottom: 10px;
    margin-left: 3px;
}

.modalPopupSelectionNature {
    width: auto;
    background-color: White;
    padding: 3px;
}

.empriseCourante {
    font-weight: bold;
}

.btLeft {
    text-align: left;
}

.lLocs {
    text-decoration: underline;
    font-size: larger;
}

/***************************** 
Controls localisation et nature
******************************/
/* 
Une localisation
*/
.localisationHeader, .localisationCommandes {
    /*border-bottom:1px solid #7795BD;*/
    cursor: pointer;
    padding-top: 2px;
}

.rblTypeLocalisation {
    vertical-align: middle;
}

.natureHeader,
.natureCommandes,
.naturesHeader {
    border-bottom: 1px solid #7795BD;
    cursor: pointer;
    padding-top: 2px;
}
/* Partie gauche : titre de la localisation */
.localisationHeader,
.natureHeader {
    font-weight: bold;
    height: 20px;
    /*width:90%;*/ /*Pour laisser de la place aux commandes Up, Down, ...*/
    /*float:left;*/ /*Pour afficher les commandes sur la même ligne*/
}

.naturesHeader {
    font-weight: bold;
    height: 20px;
    width: 100%;
}
/* Partie droite : commandes de la localisation */
.localisationCommandes,
.natureCommandes {
    height: 20px;
    text-align: right;
}

.natureContent {
    text-align: left;
    margin-bottom: 3px;
}

.localisationCourante .natureCourante {
    font-weight: bold;
}

/***************************** 
Popup de saisie de la surface
de tranchées
******************************/

.modalPopupSurfaceTranchee {
    width: 600px;
    background-color: White;
    padding: 3px;
}

/******************************************************************************
		Page Prescriptinons
******************************************************************************/
.gvMotifsCommand {
    text-align: center;
    vertical-align: middle;
    width: 16px;
}

.gvMotifs {
    width: 100%;
}


.gvPrescriptionsCommand {
    text-align: center;
    vertical-align: middle;
    width: 16px;
}

.gvPrescriptions {
    width: 100%;
}

.gvPrescriptionsEmprise,
.gvPrescriptionsNature {
    vertical-align: top;
}

/***************************** 
Popup de sélection du dossier
******************************/

.modalPopupSelectionDossier {
    /*min-width:1250px;*/
    background-color: White;
    padding: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.tbDiffusion {
    width: 40em;
}

.cbModifierTexte input {
    display: none;
}

.cbModifierTexte input + label {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 3px 3px 3px 4px;
    vertical-align: top;
    background: url(Images/Editer.png) no-repeat center;
    cursor: pointer;
}

.cbModifierTexte input:checked + label {
    background-image: url(Images/Annuler.png);
}

.tbTexteChaineCalculee {
    width: 80%;
}

/***************************** 
GridView d'affichage des redevances
******************************/
.gvRedevance {
    margin: 4px;
    border-collapse: collapse;
    table-layout: fixed;
}

    .gvRedevance .Command {
        text-align: center;
        vertical-align: middle;
        width: 16px;
    }

    .gvRedevance th {
        padding: 4px 6px 5px;
        color: #727476;
        border: 1px solid #c0c0c0;
        overflow: hidden;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
    }

    .gvRedevance td {
        padding: 4px 6px 5px;
        border: 1px solid #c0c0c0;
    }

    .gvRedevance .StyleSmall {
        width: 5em;
    }

    .gvRedevance .StyleLarge {
        width: 10em;
    }

    .gvRedevance .StyleNumber {
        text-align: right;
    }

    .gvRedevance .StyleCheck {
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
    }

        .gvRedevance .StyleCheck input,
        .gvRedevance .StyleCheck span {
            padding: 0;
            vertical-align: middle;
        }

.cellDesignationChoixTarif {
    color: Red;
    font-weight: bolder;
    width: 100px;
}

.gvRedevance .TOTAL {
    text-align: right;
    height: 20px;
    vertical-align: middle;
    font-weight: bold;
}

.rowPerception {
    color: Black;
}

.rowNonPerception {
    color: Gray;
}
/* Séparation entre groupes*/

.montant {
    font-weight: bold;
}

/* Coefficients d'ajustement */
.lCoeff {
}

.rblValCoeff {
    margin-left: 15px;
}

.tbPourcentageExoneration {
    width: 4em;
}

.tbRaisonExoneration {
    width: 45em;
}
/*  -------------------------
	Custom Control "Adresse" 
	-------------------------
*/

.DefaultCSSClassAdresseWaterMarkAdresseLibelle,
.DefaultCSSClassAdresseWaterMarkCodePostal,
.DefaultCSSClassAdresseWaterMarkComplement,
.DefaultCSSClassAdresseWaterMarkVille,
.DefaultCSSClassWaterMarkPays,
.DefaultCSSClassAdresseSiret 
{
    font-style: italic;
    color: blue;
}

/* lignes contenant l'adresse N°, rue, ... */
.DefaultCSSClassAdresseLibelle,
.DefaultCSSClassAdresseWaterMarkAdresseLibelle {
    margin: 2px;
    width: 53.6em;
    height: 4.7em;
    text-align: left;
}

.DefaultCSSClassComplement,
.DefaultCSSClassAdresseWaterMarkComplement {
    margin: 2px;
    text-align: left;
    width: 53.6em;
}
/* Code Postal */
.DefaultCSSClassAdresseCodePostal,
.DefaultCSSClassAdresseWaterMarkCodePostal {
    margin: 2px;
    text-align: left;
    width: 5em;
}
/* Ville */
.DefaultCSSClassAdresseVille,
.DefaultCSSClassAdresseWaterMarkVille {
    margin: 2px;
    text-align: left;
    width: 39em;
}

/* le code postal,la ville et le pays sont sur la même ligne */
.DefaultCSSClassDivCPVillePays {
    display: block;
    white-space: nowrap;
}

.DefaultCSSClassAdressePays,
.DefaultCSSClassWaterMarkPays {
    margin: 2px;
    text-align: left;
    width: 7em;
}

/* Siret */
.DefaultCSSClassAdresseSiret,
.DefaultCSSClassWaterMarkSiret {
    margin: 2px;
    text-align: left;
    width: 10em;
}

/*
	Custom Control "Contact" 
*/
.DefaultCSSClassContactCivilite {
    margin: 2px;
}

.DefaultCSSClassContactNom,
.DefaultCSSContactWaterMarkNom {
    margin: 2px;
    width: 30em;
}

.DefaultCSSClassContactPrenom,
.DefaultCSSContactWaterMarkPrenom {
    margin: 2px;
    width: 23.2em;
    text-align: left;
}

.DefaultCSSContactWaterMarkNom,
.DefaultCSSContactWaterMarkPrenom {
    font-style: italic;
    color: blue;
    text-align: left;
}

.DefaultCSSClassContactTelephone,
.DefaultCSSClassContactPortable,
.DefaultCSSClassContactFax {
    margin: 2px;
    width: 15.8em;
}

/* affichage de l'image et du textbox sur la même ligne (tél.n portable, fax. courriel) */

.DefaultCSSClassDivNomPrenom,
.DefaultCSSClassDivTelephone,
.DefaultCSSClassDivPortable,
.DefaultCSSClassDivFax,
.DefaultCSSClassTelPortableFax {
    display: inline;
    white-space: nowrap;
}

.DefaultCSSClassDivCourriel {
    display: block;
    white-space: nowrap;
}

.DefaultCSSClassContactCourriel {
    margin: 2px;
    width: 52.6em;
}


/*******************************************
GridView d'affichage des pièces à fournir
********************************************/
.gvPieces {
    margin-top: 4px;
    width: 100%;
    margin-bottom: 4px;
}

.gvPiecesCommand {
    text-align: center;
    vertical-align: middle;
    width: 16px;
}

.gvPiecesHeaderStyle,
.gvPiecesRowStyle {
    text-align: left;
}

.gvPiecesHeaderTelechargementStyle {
    text-align: left;
    width: 400px;
}

.gvPiecesHeaderRecueStyle {
    text-align: left;
    width: 160px;
}

.gvPiecesHeaderValideStyle {
    text-align: left;
    width: 160px;
}

.gvPiecesPieceRecueItemStyle {
    text-align: center;
}

.rblFormat {
    display: inline;
}

.pTelechargementRW_Marge {
    margin-left: 20px;
}

.gvPiecesPieceRecueR,
.gvPieceValideR {
    text-align: center;
}

.gvPiecesPieceRecueRW {
    text-align: left;
}

.cvPiecesValidator {
    color: Red;
    font-weight: bold;
}

/*******************************************
Ventilation
********************************************/

.modalPopupVentilation {
    width: 500px;
    background-color: White;
    padding: 3px;
}

.errVentilation {
    color: Red;
    font-weight: bold;
}

/*******************************************
Popup Verif/Inst
********************************************/

.modalPopupVerifInst {
    background-color: White;
    padding: 3px;
    border-width: 1px;
    border-style: hidden;
    border-bottom-color: #000000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

    .modalPopupVerifInst legend {
        font-size: 16px;
    }

.buttonVerifInst {
    width: 100%;
    height: 5em;
    font-size: 1.2em;
}

.divButtonVerifInst input {
    background-color: #FFFFFF;
    color: #727476;
    border: none;
    text-align: left;
}

    .divButtonVerifInst input:hover, .divButtonVerifInst .hoverButton:hover, .divButtonVerifInst .hoverButton:hover .dx-vam {
        background-color: #0a7fff;
        color: #FFFFFF;
        background-size: 10px;
    }

/*******************************************
Popup Actions
********************************************/
.divAction {
    margin: 10px;
    text-align: left;
}

.divOKAnnulerPopupAction {
    width: 100%;
    text-align: center;
    margin-bottom: 4px;
}

.modalPopupActionSignature {
    width: 700px;
    background-color: White;
    padding: 3px;
}

    .modalPopupActionSignature legend {
        padding-top: 0px;
        padding-bottom: 2px;
    }

.modalPopupActionSupprEtat {
    width: 700px;
    background-color: White;
    padding: 3px;
}

.modalPopupActionImprimer {
    width: 450px;
    background-color: White;
    padding: 3px;
}

.modalPopupEditerCourrier {
    width: 1024px;
    background-color: White;
    padding: 3px;
}

.modalPopupEditerPrescriptionsAvis {
    width: 1024px;
    background-color: White;
    padding: 3px;
}

.divDiffusionArrete {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 1fr 80px auto 150px;
    grid-template-columns: 80px 1fr 80px auto 150px;
    grid-template-rows: repeat(auto-fill, 30px);
}

    .divDiffusionArrete > span, .divDiffusionArrete > div {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        min-height: 30px;
    }

    .divDiffusionArrete .btnSogelink {
        min-width: 0;
        min-height: 0;
        height: 30px;
        padding: 0;
        width: 30px;
    }
/*******************************************
Popup Avertissement
********************************************/
.divAvertissement {
    margin: 10px;
    text-align: left;
}

.divOKAnnulerPopupAvertissement {
    width: 100%;
    text-align: center;
}

/*******************************************
Boutons d'action
********************************************/
.pActions {
    float: right;
    margin-left: 10px;
}

.pActionsFull {
    float: right;
}

.ibActionNat {
    width: 20px;
    height: 20px;
    padding: 3px;
}

.ibActions {
    padding: 0px;
}

.hrActions {
    width: 22em;
}

.ContextMenuPanelAction {
    border: 1px solid #868686;
    z-index: 1000;
    background: url(Menus/menu-bg.gif) repeat-y 0 0 #FAFAFA;
    cursor: default;
    padding: 1px 1px 0px 1px;
    font-size: 11px;
    text-align: left;
}

a.ContextMenuItemActionValidation {
    margin: 1px 0 1px 0;
    display: block;
    color: #003399;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 19px 4px 33px;
    white-space: nowrap;
    background: url(../SogelinkV2/Valider.png) no-repeat left center;
}

a.ContextMenuItemActionValidation-Selected {
    font-weight: bold;
}

a.ContextMenuItemActionValidation:hover {
    background-color: #FFE6A0;
    color: #003399;
    border: 1px solid #D2B47A;
    padding: 3px 18px 3px 32px;
}

a.ContextMenuItemActionAttente {
    margin: 1px 0 1px 0;
    display: block;
    color: #003399;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 19px 4px 33px;
    white-space: nowrap;
    background: url(../SogelinkV2/horloge_new.gif) no-repeat left center;
}

a.ContextMenuItemActionAttente-Selected {
    font-weight: bold;
}

a.ContextMenuItemActionAttente:hover {
    background-color: #FFE6A0;
    color: #003399;
    border: 1px solid #D2B47A;
    padding: 3px 18px 3px 32px;
}

a.ContextMenuItemActionRejet {
    margin: 1px 0 1px 0;
    display: block;
    color: #003399;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 19px 4px 33px;
    white-space: nowrap;
    background: url(../SogelinkV2/Annuler.png) no-repeat left center;
}

a.ContextMenuItemActionRejet-Selected {
    font-weight: bold;
}

a.ContextMenuItemActionRejet:hover {
    background-color: #FFE6A0;
    color: #003399;
    border: 1px solid #D2B47A;
    padding: 3px 18px 3px 32px;
}

.tdDelaisInst {
    border-left: 1px;
    border-right: 1px;
    border-bottom: 0px;
    border-top: 0px;
    border-style: solid;
    border-color: #E2E7ED;
}

/******************************************************************************
		Control AvisControl
******************************************************************************/
table.avisTable th {
    text-align: center;
    padding: 4px;
}
table.avisTable th.avisLibelle {
    width: 50px;
}
table.avisTable th.avisObligatoire {
    width: 80px;
}
table.avisTable th.avisCourrier {
    width: 160px;
}
table.avisTable th.avisDemande {
    width: 72px;
}
table.avisTable th.avisDateDemande,
table.avisTable th.avisDateAvis {
    width: 100px;
}
table.avisTable td.avisDateDemande,
table.avisTable td.avisDateAvis {
    text-align: center;
}
table.avisTable input.tbDateCourrier {
    width: 72px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    padding: 5px 2px 5px 3px;
}
table.avisTable th.avisNiveau {
    width: 110px;
}
table.avisTable td.avisNiveau {
    text-align: center;
}
table.avisTable td.avisNiveau select {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}
table.avisTable td.avisPrescription img {
    display: block;
    margin: auto;
}
table.avisTable td.avisPrescription span {
    display: block;
    margin: auto;
    max-width: 200px;
    max-height: 3.6em;
    overflow: hidden;
    text-overflow: ellipsis;
}
table.avisTable th.avisVisa {
    width: 50px;
}

/******************************************************************************
		Control MiseEnPageControl
******************************************************************************/
.tbMargin {
    width: 3em;
}

.divOKAnnulerPopupMiseEnPage {
    width: 100%;
    text-align: center;
}

.modalPopupOKAnnulerMiseEnPage {
    min-width: 250px;
    background-color: White;
    padding: 3px;
}

.tdMargin {
    width: 10em;
}

/******************************************************************************
		Tableau de bord de facturation
******************************************************************************/
.facturationLigneRegroupement {
    background-color: Silver;
    font-weight: bolder;
}

.wait {
    z-index: 100002;
}

.imageButton {
    cursor: pointer;
    vertical-align: middle;
}

    .imageButton:disabled {
        cursor: default;
        opacity: 0.5;
    }

.paddingLabel1 {
    margin-left: 7px;
}

.tableInfoAutorisation .trModele.last td,
.tableInfoAutorisation .trChantier.last td,
.tableInfoAutorisation .trActeurs.last td,
.tableInfoAutorisation .trTranchee.last td,
.tableInfoAutorisation .trSignataire.last td,
.tableInfoAutorisation .trPrescription.last td,
.tableInfoAutorisation .trRedevance.last td,
.tableInfoAutorisation .trDiffusion.last td {
    border-bottom-color: #8e9093;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.tableInfoAutorisation .trSignataire.first td {
    border-top-color: #8e9093;
    border-top-style: solid;
    border-top-width: 1px;
}

.tableInfoAutorisation .trModele,
.tableInfoAutorisation .trChantier,
.tableInfoAutorisation .trActeurs,
.tableInfoAutorisation .trEmprise,
.tableInfoAutorisation .trTranchee,
.tableInfoAutorisation .trSignataire,
.tableInfoAutorisation .trPrescription,
.tableInfoAutorisation .trRedevance,
.tableInfoAutorisation .trDiffusion {
    margin: 15px 0px 15px 0px;
    height: 37px;
}

    .tableInfoAutorisation .trSignataire.first {
        margin-top: 15px;
    }

    .tableInfoAutorisation .trModele .tdDetailModele,
    .tableInfoAutorisation .trChantier .tdDetailChantier,
    .tableInfoAutorisation .trActeurs .tdDetailActeurs,
    .tableInfoAutorisation .trEmprise .tdDetailEmprise,
    .tableInfoAutorisation .trTranchee .tdDetailTranchee,
    .tableInfoAutorisation .trSignataire .tdDetailSignataire,
    .tableInfoAutorisation .trPrescription .tdDetailPrescription,
    .tableInfoAutorisation .trRedevance .tdDetailRedevance,
    .tableInfoAutorisation .trDiffusion .tdDetailDiffusion {
        padding-left: 5px;
    }


    .tableInfoAutorisation .trModele.first .tdModele,
    .tableInfoAutorisation .trChantier.first .tdChantier,
    .tableInfoAutorisation .trActeurs.first .tdActeurs,
    .tableInfoAutorisation .trEmprise .tdEmprise.title,
    .tableInfoAutorisation .trTranchee.first .tdTranchee,
    .tableInfoAutorisation .trSignataire.first .tdSignataire,
    .tableInfoAutorisation .trPrescription.first .tdPrescription,
    .tableInfoAutorisation .trRedevance.first .tdRedevance,
    .tableInfoAutorisation .trDiffusion.first .tdDiffusion {
        color: #8E9093;
        font-size: 13px;
    }

.tableInfoAutorisation .tdEmprise .subtitle {
    color: #1d89ff;
}

#BobyMain_BodyMaster_BodyRedaction_empriseControl_upNatures {
    margin-top: 10px;
}

.pPrescriptionEditPanel {
    left: auto;
}

.englobeDate:after {
    clear: both;
}

.infosDispo {
    background: url(images/help.png) no-repeat right 3px;
    cursor: help;
}

.preserveLigne {
    white-space: pre-line;
}

/******************************************************************************
		Onglet Texte
******************************************************************************/
.pGererAvis {
    margin-bottom: 5px;
    margin-right: 5px;
    position: relative;
    height: 45px;
}

    .pGererAvis a {
        position: absolute;
        right: 5px;
        top: 5px;
    }

/******************************************************************************
		Ajoute visa / motif
******************************************************************************/
.pVisaMotifAdd {
    text-align: right;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .pVisaMotifAdd a {
        margin-left: 5px;
    }

/******************************************************************************
		Création de chantier
******************************************************************************/
#dvInter td.dxgvHeader_SogelinkV2 {
    position: relative;
}

.bHelp {
    position: absolute;
    cursor: help;
    bottom: 2px;
    right: 2px;
}

.gIntervenants {
    margin: 0 -10px 0 0;
}

/******************************************************************************
		Rapprochement DICT
******************************************************************************/
.choixTiers {
    padding-left: 10px;
}

    .choixTiers > .dxpnlControl_SogelinkV2 {
        padding-left: 24px;
    }

    .choixTiers .pnlConflit p {
        color: red;
        font-style: italic;
    }