/******************************************************************************
Styles communs aux sites de modélisation et de rédaction
******************************************************************************/
/* police par défaut */

/* Texte d'aide affiché dans chaque page */
.aide {
    margin: 6px;
    font-family: Verdana;
    text-align: justify;
    font-size: 14px;
}
/* textBox dont la taille correspond à 50 caractères */
.textBox50car {
    width: 350px;
}

.textBox100car {
    width: 700px;
}

/******************************************************************************
Contrôle Calendrier et masque de saisie
******************************************************************************/
.imageCalendar {
    vertical-align: text-bottom;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.tbDate {
    width: 7em;
}

.MaskedEditFocus {
    background-color: #ffffcc;
    color: #000000;
}

.MaskedEditError {
    background-color: #ffcccc;
}

/******************************************************************************
Boîtes de dialogues modales
******************************************************************************/
/* Fond de la page lorsque la boîte est affichée */
.modalBackground {
    background-color: Silver;
    opacity: 0.7;
}
/* Boîte de dialogue */
.modalPopup {
    background-color: White;
    padding: 3px;
}

.modalPopupGrayed {
    background-color: White;
    padding: 3px;
}

.modalPopupShadowBox {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

/* Attente de traitement */
.modalUpdateProgress {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    background-color: White;
}
/******************************************************************************
MasterPage
******************************************************************************/
/* Div contenant le titre de l'application */
.divTitre {
    /* Marges */
    margin-bottom: 14px;
    margin-left: 10px;
}
/* Titre AV */
.lTitreAV {
    text-align: left;
    font-size: 14pt;
    font-weight: bold;
}
/* Version AV */
.lVersionAV {
    font-size: 8pt;
    font-weight: bold;
}
/* contenu des pages */
.divContent {
    /* Marges intérieures pour que le contenu ne soit pas collé à la bordure */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 10px;
    min-height: 500px;
}

.lstFiltre {
    text-align: right;
    width: 100%;
}

    .lstFiltre table {
        display: table;
        text-align: right;
        vertical-align: middle;
        float: right;
    }

/* ------------------------------------------------------------ */
/* MasterMenu                                                   */
/* ------------------------------------------------------------ */
/*Div contenant le masterMenu */
.divMenu {
    /* Sur toute la page et couleur de fond gris clair */
    width: 100%;
}
/*Style commun à tous les menus*/
.masterMenu > a {
    display: none;
}

.masterMenu {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 32px;
}

.menuStyle {
    display: table;
}

.dynMenuStyle,
.menuItemStyle,
.dynMenuItemStyle,
.menuItemSelStyle,
.dynMenuItemSelStyle {
    /* taille du menu pour qu'il s'adapte à son contenu */
    width: auto;
    /* filet de bordure de la même couleur que le fond */
    font-family: opensans; /* marges intérieures pour que le texte du menu ne soit pas collé dans sa cellule*/
    padding: 4px;
    background-color: #FFFFFF;
}
/* Style du menu NON sélectionné */
.menuItemStyle, .dynMenuItemStyle {
}

/* Style du menu sélectionné et parcouru */
.menuItemSelStyle,
.dynMenuItemSelStyle,
.menuHoverStyle,
.dynHoverStyle {
}
/* Style du menu sélectionné et parcouru */
.menuItemSelStyle,
.dynMenuItemSelStyle {
    background-color: #67a9f3;
    color: #FFFFFF;
    height: 100%;
    font-weight: bold;
    border: none;
}
/* Style du menu sélectionné et parcouru */
.menuHoverStyle,
.dynHoverStyle {
    opacity: 0.8;
    border: none;
}

.adjustedZIndex {
    z-index: 1;
}
/* 
------------------------------------------------------------
Popup de recherche d'intervenants
------------------------------------------------------------
*/
.modalPopupIntervenant {
    width: 500px;
    background-color: White;
    padding: 3px;
}
/* Div qui encadre les résultats de recherche*/
div.resultsIntervenants {
    height: 400px;
    overflow: auto;
}
/* Grille des résultats de recherche*/
.gvResultsIntervenants {
    width: 100%;
}

.GridViewPager_Sogelink td,
.GridViewFooter_Sogelink td,
.GridViewHeader_Sogelink th,
.GridViewRow_Sogelink td,
.GridViewSelectedRow_Sogelink td {
    font-weight: 300;
    cursor: default;
    font: 13px 'Open Sans';
    padding: 4px 6px 5px;
    text-align: left;
    color: #292929 !important;
    border: none;
}

    .GridViewRow_Sogelink td td,
    .GridViewSelectedRow_Sogelink td td {
        border: none;
    }

.GridViewRow_Sogelink,
.GridViewSelectedRow_Sogelink {
    background: white;
    white-space: normal;
}

    .GridViewRow_Sogelink:hover, .GridViewRow_Sogelink:hover td {
        background: #61acff;
        color: #FFFFFF !important;
    }

    .GridViewSelectedRow_Sogelink, .GridViewSelectedRow_Sogelink td:hover {
        background: #61acff;
        color: #FFFFFF !important;
    }

.GridViewPager_Sogelink {
    background: white;
}

    .GridViewPager_Sogelink td {
        text-align: center;
    }

    .GridViewPager_Sogelink table {
        margin: auto;
    }

fieldset {
    text-align: left;
    border: none;
    background-color: transparent;
}

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

/* 
------------------------------------------------------------
Page des menus de l'administration
------------------------------------------------------------
*/

div#divAdminHorizontalList {
    margin-top: 20px;
}

    div#divAdminHorizontalList div {
        margin: 0;
    }

    div#divAdminHorizontalList h2 {
        margin: 0;
    }

ul#adminHorizontalList {
    min-width: 696px;
    list-style: none;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0;
}

    ul#adminHorizontalList li {
        display: inline-block;
        list-style-type: none;
        vertical-align: top;
    }

        ul#adminHorizontalList li table {
            border: 0px;
            width: 200px;
            margin: 0 10px;
        }

            ul#adminHorizontalList li table th {
                background-color: #67a9f3;
                text-align: center;
            }

            ul#adminHorizontalList li table td {
                padding: 2px 5px;
            }

    ul#adminHorizontalList h4 {
        margin: 2px;
        font-weight: normal;
        color: white;
    }


    ul#adminHorizontalList a:hover {
        color: #549EF1;
    }

.tableOverflow {
    max-width: 80px;
    overflow: auto;
}