/******************************************************************************
Styles spécifiques au site de modélisation
******************************************************************************/

/******************************************************************************
Contrôle de sélection d'une condition
******************************************************************************/
.modalPopupCondition {
    min-width: 650px;
    background-color: White;
    padding: 3px;
}

.divModalPopupCondition {
    height: 300px;
}
/******************************************************************************
Contrôle de définition d'une liste
******************************************************************************/
/* TextBox montrant la liste des valeurs */
.DLC_tbValeurs {
    width: 17em;
    height: 6em;
}
/* DropDownList de cardinalité */
.DLC_ddlCardinalite {
}
/* Checkbox Autre*/
.DLC_cbAutre {
}

/******************************************************************************
Affichage de tarifs
******************************************************************************/
.lTarifDroitFixe {
    font-weight: bolder;
}

.divTarifDroitFixe {
}

.lTarifNatureErreur {
    font-weight: bold;
    color: Red;
    padding: 10px;
}
/******************************************************************************
Détail d'une nature d'autorisation
******************************************************************************/
/* Tableau pour les caractéristiques d'un détail d'une nature */
.CDNTitre, .CDNValeur {
    border: gainsboro 1px solid;
}

/******************************************************************************
Menu contextuel AJAX
******************************************************************************/
.ContextMenuPanel {
    border: 1px solid #868686;
    z-index: 1000;
    /*background: url(Menus/menu-bg.gif) repeat-y 0 0 #FAFAFA;*/
    background-color: #FFFFFF;
    cursor: default;
    padding: 1px 1px 0px 1px;
    width: initial;
}

.ContextMenuBreak {
    margin: 1px 1px 1px 32px;
    padding: 0;
    height: 1px;
    overflow: hidden;
    display: block;
    border-top: 1px solid #C5C5C5;
}

a.ContextMenuItem {
    margin: 1px 0 1px 0;
    display: block;
    font-size: 12px;
    color: #444343;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 19px 4px 33px;
    white-space: nowrap;
}

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

a.ContextMenuItem:hover {
    color: #0a7FFF;
}
/* Style du lien pour créer un nouveau modèle */
.lbNew {
    padding-right: 20px;
}
/* ------------------------------------------------------------ */
/* Page utilisant le contrôle fckeditor en popup                */
/* ------------------------------------------------------------ */
.modalPopupEditHtml {
    background-color: White;
    padding: 3px;
    margin: auto;
}
.modalPopupIntervenantChantier {
    background-color: White;
    padding: 3px;
    margin: auto;
    text-align: center;
   
    z-index: 10027;
    width: 650px;
    top: 242px;
  
    padding: 6px;
    left : 32% !important;  
    top : 42 !important; 
}

    /* ------------------------------------------------------------ */
    /* PlaceHolders (information et condition) de FckEditor         */
    /* ------------------------------------------------------------ */
    /* DropDownList affichant la liste des informations disponibles */
    .ddlInformation {
    width: 310px;
}
/* DropDownList affichant la liste des détails des informations disponibles */
.ddlInformationDetail {
    width: 310px;
}
/* TextBox permettant de saisir la valeur de test */
.tbValeurCondition {
    width: 260px;
}
/* ListBox affichant les valeurs de test possibles */
.lbValeursCondition {
    width: 260px;
    height: 130px;
}
/* ------------------------------------------------------------ */
/* Page des textes du référentiel                               */
/* ------------------------------------------------------------ */
/* Boîte de dialogue d'édition d'un texte */
.modalPopupEditTexte,
.modalPopupSelectTexte {
    background-color: White;
    padding: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    max-width: 98%;
    margin: auto;
}

.cblFiltresTextes {
}
/* ------------------------------------------------------------ */
/* Page des liens                                               */
/* ------------------------------------------------------------ */
/* Boîte de dialogue d'édition d'un lien entre modèle et nature d'autorisation */
.modalPopupEditLien {
    /*width: 500px;*/
    background-color: White;
    padding: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* ------------------------------------------------------------ */
/* Page des modèles                                             */
/* ------------------------------------------------------------ */
.divModelesFiltres {
    width: 100%;
    padding-right: 20px;
    text-align: right;
}

.cblFiltres {
}

.divLinkModeles,
.divLinkTextes {
    text-align: right;
    margin: 10px;
    margin-right: 0;
}

.divTesterModele {
    margin-top: 20px;
    margin-bottom: 20px;
}

.lbTesterModele {
    font-weight: bold;
}

/* ------------------------------------------------------------ */
/* Pages description d'un modèle                                */
/* ------------------------------------------------------------ */
.tbDescription {
    width: 350px;
    height: 5em;
}
/* ------------------------------------------------------------ */
/* Page des réglements                                          */
/* ------------------------------------------------------------ */
.divLinkReglements {
    text-align: right;
    margin: 10px;
    margin-right: 0;
}

.trReglementDateMiseEnApplication {
    vertical-align: middle;
}
/* ------------------------------------------------------------ */
/* Page des informations                                        */
/* ------------------------------------------------------------ */
/* Boîte de dialogue d'édition d'une information */
.modalPopupInformation {
    max-width: 80%;
    background-color: White;
    padding: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
/* Menu contextuel d'ajout d'une information */
/* cf. Menu contextuel AJAX */

/* Tableau contenant les commandes Copier/coller/Ajouter */
.trInformationsCCA {
    width: 100%;
}
/* Cellule contenant les boutons copier/coller*/
.tdInformationCC {
    width: 10%;
    text-align: left;
}
/* Cellule contenant le menu contextuel ajouter*/
.tdInformationA {
    width: 90%;
    text-align: right;
}

/* ------------------------------------------------------------ */
/* Disposition des champs dans l'édition d'une information      */
/* ------------------------------------------------------------ */
.tdInformationLabel {
    width: 15%;
}

.tdInformationChamp {
    width: 85%;
}

.tdVisaLabel {
    width: 20%;
}

.tdVisaChamp {
    width: 80%;
}

.tbChamp {
    width: 99%;
}

.tbChampDescription {
    width: 99%;
    height: 5em;
}

.ddlChamp {
    width: 100%;
}
/* ------------------------------------------------------------ */
/* Gridview                                   			        */
/* ------------------------------------------------------------ */
.gvInformations,
.gvArticles,
.gvModeles,
.gvNatures,
.gvVisas,
.gvReglements,
.gvAvis,
.gvPiece,
.gvAnnexe,
.gvLiensNatures,
.gvTextes,
.gvCatalogue,
.gvTarifs,
.gvTarifsNature,
.gvDelegataire,
.gvModeleModif,
.gvCoeffs {
    margin-top: 4px;
    width: 100%;
    margin-bottom: 4px;
}
/* Cellules alignées à gauche */
.gvInformationsHeaderStyle,
.gvArticlesHeaderStyle,
.gvModelesHeaderStyle,
.gvNaturesHeaderStyle,
.gvVisasHeaderStyle,
.gvAvisRowStyle,
.gvPieceRowStyle,
.gvAnnexeRowStyle,
.gvLiensHeaderStyle,
.gvLiensRowStyle,
.gvTextesHeaderStyle,
.gvCatalogueHeaderStyle,
.gvCatalogueRowStyle,
.gvTarifsHeaderStyle,
.gvTarifsRowStyle,
.gvTarifsHeaderStyle,
.gvTarifsRowStyle,
.gvDelegataireRowStyle,
.gvModeleModifRowStyle,
.gvCoeffsRowStyle {
    text-align: left;
}

.gvInformationsRowStyle,
.gvModelesRowStyle,
.gvAvisHeaderStyle,
.gvPieceHeaderStyle,
.gvAnnexeHeaderStyle,
.gvDelegataireHeaderStyle,
.gvModeleModifHeaderStyle,
.gvCoeffsHeaderStyle {
}
/* Cellules centrées */
.gvArticlesRowStyle,
.gvVisasRowStyle {
    text-align: center;
}
    /* pas d'espace entre les paragraphes*/
    .gvArticlesRowStyle p,
    .gvVisasRowStyle p {
        margin-bottom: 0;
        margin-top: 0;
    }

/* Colonnes contenant les boutons de commandes */

.gvInformationsValide {
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

.gvInformationsCopieesSelectedRowStyle {
    color: White;
    background-color: Blue;
}

.cellNiveauAvis {
    font-weight: bolder;
    width: 100px;
}

.rowAffichageAvis {
    color: Black;
}

.rowNonAffichageAvis {
    color: Gray;
}

.gvHiddencol {
    display: none;
}

.GridViewRow_Sogelink .cellCondition {
    display: -ms-flexbox;
    display: flex;
    height: 75px;
    max-width: 400px;
    border: 0px !important;
    overflow: auto
}

/* ------------------------------------------------------------ */
/* Menu Modèle (articles,description, ...)                      */
/* ------------------------------------------------------------ */
.tableMenuModele {
    margin-bottom: 2px;
    width: 100%;
    text-align: right;
}

.trMenuModele {
    height: 25px;
}

.tdRblMenuModele {
    width: 45%;
}

.tdSaveModele {
    width: 1%;
    text-align: left;
}

.tdLbMenuModeleTester,
.tdLbMenuModeleFermer {
    padding-right: 10px;
    text-align: right;
    vertical-align: middle;
    width: 10%;
}

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

.lAvertissementEdition {
    padding: 2px;
    color: #a70f0f;
    font-weight: bold;
}

/* ------------------------------------------------------------ */
/* Barre de boutons OK - Annuler                                */
/* ------------------------------------------------------------ */
/* dans une page (article.aspx par exemple) */

/* dans une popup dialog */
.modalPopupOKAnnuler {
    width: 300px;
    /*height:350px;*/
    background-color: White;
    padding: 3px;
}

.divOKAnnulerPopup, .divOKAnnuler {
    color: #fff;
    padding: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    margin-top: 5px;
}

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

.lMessage {
}

.divMessage {
    margin: 10px;
    text-align: center;
}

.divMessageModeles,
.divMessageNatures {
    margin: 10px;
    text-align: left;
}
/* ------------------------------------------------------------ */
/* Publication d'un modèle, edition d'un avis, pièces, annexes  */
/* ------------------------------------------------------------ */
/* Boîte de dialogue de publication */
.modalPopupAvis,
.modalPopupPiece,
.modalPopupDelegataire {
    width: 700px;
    background-color: White;
    padding: 3px;
}

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

.divLinkAvis, .divLinkPiece, .divLinkAnnexe {
    text-align: right;
    margin: 10px;
    margin-right: 0;
    width: 100%;
}

    .divLinkAvis a, .divLinkPiece a, .divLinkAnnexe a {
        color: #FFFFFF;
    }

.divLinkDelegataire {
    text-align: right;
    width: 100%;
    padding: 3px;
}

.divLinkDelegataireG {
    margin: 10px;
    margin-left: 0;
}
/* Cellule du tableau qui montre le lien Voir le document dans le popup d'édition d'une annexe*/
.tdAnnexeDocument {
    text-align: right;
    font-style: italic;
}

.divEditAvis {
    margin: 4px;
}

.ddlModelesDejaPublies {
    margin-left: 18px;
}
/* ------------------------------------------------------------ */
/* Popup ajout d'un document à une annexe                       */
/* ------------------------------------------------------------ */
.modalPopupAnnexe {
    width: 500px;
    background-color: White;
    padding: 3px;
}

.divPopupAnnexe {
    margin: 4px;
}

.fuAnnexe {
    margin-left: 12px;
    margin-right: 12px;
    width: 95%;
}
/* Label affichant le résultat du chargement d'un fichier */
.lResultLoading {
    margin-left: 12px;
    font-style: italic;
    color: Red;
}
/* Date de mise en application du document annexé */
.tbDateMarginLeft {
    margin-left: 10px;
    width: 7em;
}

.tbDescriptionMarginLeft {
    margin-left: 10px;
    width: 95%;
}

/* ------------------------------------------------------------ */
/* Importation d'un modèle                                      */
/* ------------------------------------------------------------ */
.fuModele {
    width: 300px;
}
/* ------------------------------------------------------------ */
/* Edition d'un article                                         */
/* ------------------------------------------------------------ */
.dClassementArticle,
.dComplementTitreArticle {
    margin: 4px;
}

.ddlClassementArticle {
    width: 23em;
}

.ddlSousClassementArticle {
    width: 30em;
}

.tbComplementTitreArticle {
    width: 41.6em;
}

/* ------------------------------------------------------------ */
/* Edition d'un visa                                            */
/* ------------------------------------------------------------ */
.tbVisaArticlesCode {
    width: 31em;
}

.tbVisaAutre {
    width: 50em;
}
/* Boîte de dialogue d'édition d'un visa */
.modalPopupEditVisa {
    background-color: White;
    padding: 3px;
}

/* ------------------------------------------------------------ */
/* Aperçu des visas                                             */
/* ------------------------------------------------------------ */
.ApercuTag {
    color: #000;
    background-color: #ff0;
}
/* ------------------------------------------------------------ */
/* Page des articles                                          */
/* ------------------------------------------------------------ */
/*Lien Ajouter un article, un visa */
.divLinkArticles {
    text-align: right;
    margin: 10px 0;
}

.divLinkVisas,
.divLinkLiens {
    float: right;
    margin: 10px;
    margin-right: 0;
}
/* ------------------------------------------------------------ */
/* Aperçu du titre et du pied                                   */
/* ------------------------------------------------------------ */
.tableApercuTitrePied {
    margin-top: 4px;
    width: 100%;
    margin-bottom: 4px;
}

.labelApercuTitrePied {
    display: block;
    width: 19cm;
    margin-top: 4px;
    margin-bottom: 4px;
}

.tdTitrePiedEdit {
    text-align: right;
    vertical-align: middle;
    width: 64px;
}

.rblAlignement {
    float: right;
}
/* ------------------------------------------------------------ */
/* Page des blocs , des natures, des pièces et annexes          */
/* Informations sur l'utilisation des objets                    */
/* ------------------------------------------------------------ */
/* Tableau des blocs : liste affichant les natures / modèles qui utilisent un bloc */
.gvBlocs_ulBlocListeNatures,
.gvBlocs_ulBlocListeModeles,
.gvBlocs_ulNatureListeModeles,
.gvTextes_ulTexteListeModeles,
.gvPieces_ulPiecesListeModeles,
.gvPieces_ulPiecesListeNatures,
.gvPieces_ulPiecesListeBlocs {
    margin: 2px;
    margin-left: 16px;
    padding: 0px;
}
/* Tableau des blocs : item de la liste affichant les natures / modèles qui utilisent un bloc */
.gvBlocs_liBlocListeNatures,
.gvBlocs_liBlocListeModeles,
.gvBlocs_liNatureListeModeles,
.gvTextes_liTexteListeModeles .gvPieces_liPiecesListeModeles,
.gvPieces_liPiecesListeNatures,
.gvPieces_liPiecesListeBlocs {
    font-style: italic;
}

.gvPieces_pPiecesListeModeles,
.gvPieces_pPiecesListeNatures,
.gvPieces_pPiecesListeBlocs {
    font-style: italic;
    margin: 0px;
    padding: 0px;
}
/* Tableau des blocs et des natures : Alignement haut pour le contenu des cellules*/
.gvBlocsRowStyle,
.gvNaturesRowStyle {
    vertical-align: top;
}
/* Titre de la colonne Utilisé par ... */
.gvNaturesHeaderUtilisePar,
.gvBlocsHeaderUtilisePar,
.gvTextesHeaderUtilisePar {
    font-weight: normal;
    font-style: italic;
}

.gvTextesItemUtilisePar {
    font-style: italic;
    text-align: center;
}

.gvAnnexesHeaderUtilisePar,
.gvPiecesHeaderUtilisePar {
    /* On laisse le style par défaut en gras*/
}

.gvPiecesItemUtilisePar {
    /* On laisse le style par défaut normal*/
}

.gvAnnexesItemUtilisePar {
    text-align: center;
}
/* ------------------------------------------------------------ */
/* Page des coefficients de redevance                           */
/* ------------------------------------------------------------ */
.tablePopupCoeff {
    width: 100%;
}

.tbValeursCoeff {
    width: 100%;
    height: 200px;
}
/* 
------------------------------------------------------------
Popup d'ajout d'un courrier, d'un avis       
------------------------------------------------------------
*/
.modalPopupAddCourrier,
.modalPopupAddAvis {
    width: 500px;
    background-color: White;
    padding: 3px;
}
/* 
------------------------------------------------------------
Page des paramètres CORIOLIS
------------------------------------------------------------
*/
table.paramCoriolis {
    width: 100%;
}

/*Pied de l'arrêté*/
.modalPopupEditHtml {
    margin-left: 25%;
}

/* 
------------------------------------------------------------
Page des groupes d'intervenants
------------------------------------------------------------
*/
.popupErreurGroupeIntervenant {
    font-size: 10pt;
}

.listeModeleGroupeIntervenant {
    text-align: left;
}

.grilleIntervenants .dxgvTable_SogelinkV2 {
    border-collapse: collapse !important;
}

.grilleIntervenants .cellCondition {
    max-width: 400px;
}

.grilleIntervenants .dxgvDetailCell_SogelinkV2 {
    padding: 0px;
    border-bottom: 1px Solid #c0c0c0;
}

    .grilleIntervenants .dxgvDetailCell_SogelinkV2 > table {
        border: none;
    }

    .grilleIntervenants .dxgvDetailCell_SogelinkV2 .dxgv, .grilleIntervenants .groupe > td {
        border-bottom: dashed 1px #ddd;
    }

        .grilleIntervenants .groupe > td:first-child {
            font-weight: bold;
        }