/* Général */
.parentCheckbox:hover,
.parentCheckbox:focus {
    text-decoration: underline;
    cursor: pointer;
}

.lienCollapse:hover,
.lienCollapse:focus {
    text-decoration: underline;
    cursor: pointer;
}

input[type="image"]:hover,
input[type="image"]:focus {
    outline: 2px solid black;
    cursor: pointer;
}

.lienAides:hover,
.lienAides:focus {
    outline: 2px solid black;
    cursor: pointer;
}

.imgCommentaire:hover,
.imgCommentaire:focus {
    outline: 2px solid black;
    cursor: pointer;
}

.IconeAlerte:hover,
.IconeAlerte:focus {
    outline: 2px solid black;
    cursor: pointer;
}

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

.liNone {
    list-style: none;
}

.ulNone {
    all: unset;
}

.ButtonFlashRouge:hover,
.ButtonFlashRouge:focus {
    outline: 2px solid black;
}

.PersonneCompletionMetierClass {
    margin: 0;
    padding-top: 5px;
    padding-left: 1px;
    width: 700px;
    z-index: 999999;
    list-style: none;
}

.IconePanier {
    position: absolute;
    left: 710px;
    top: 0px;
    cursor: pointer;
    height: 32px;
    width: 32px;
    z-index: 9500;
}

.img_clicable {
    cursor: pointer;
}

.IconePanier {
    position: absolute;
    left: 710px;
    top: 0px;
    cursor: pointer;
    height: 32px;
    width: 32px;
    z-index: 9500;
}

.CompteurPanier {
    position: absolute;
    left: 735px;
    top: 0px;
    font-size: 1.2em;
    text-align: center;
    background: #696969;
    border-radius: 50%;
    width: auto;
    height: auto;
    padding: 1px;
    border: 2px solid #696969;
    cursor: pointer;
    z-index: 9500;
}

#info_compteur {
    display: none;
}

.info_compteur {
    position: absolute;
    left: 735px;
    top: 35px;
    text-align: center;
    background: #777772;
    width: auto;
    height: auto;
    padding: 1px;
    border: 2px solid #777772;
    cursor: pointer;
    z-index: 9500;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

.CompteurPanier:hover ~ #info_compteur,
.CompteurPanier:focus ~ #info_compteur {
    display: block;
}

.IconePanier:hover ~ #info_compteur,
.IconePanier:focus ~ #info_compteur {
    display: block;
}

body {
    text-align: left;
    font-weight: normal;
    width: 100%;
    height: 100%;
    margin: 0;
}

.center {
    text-align: center;
}

    .center td {
        text-align: left;
    }

.left {
    text-align: left;
}

.VerticalTop {
    vertical-align: top;
}

.MessageInformation {
    font-style: italic;
}

/*input
{
    border: 1px solid #E7E7E7;
}*/


th {
    font-weight: normal;
}

body a {
    color: Black;
    text-decoration: none;
}

Input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.Input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

input.button:hover {
    background-position: 0 0;
    cursor: pointer;
}

input.button:active {
    background-position: 0 0;
}

input[type="submit"]:hover, input[type="image"]:hover, input[type="button"]:hover {
    cursor: pointer;
}

.TextBox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 400px;
    width: 450px;
}

img {
    border: 0;
}

h1, h2, h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


.center {
    margin-left: auto;
    margin-right: auto;
}

.headerMenu {
    position: relative;
}

    .headerMenu a {
        text-decoration: none;
        font-weight: normal;
        text-align: center;
    }

        .headerMenu a:hover {
            color: #fff;
            text-decoration: none;
        }

.headerMenuAgenda a:hover {
    color: #4E4E4E;
}

/* Fin Général */

/* MENU */

.blocMenu {
    border-bottom: 1px solid #0A7CC1;
    padding-top: 5px;
    padding-left: 3px;
    width: 163px;
    line-height: 20px;
    height: 240px;
    overflow: auto;
}

.bloc {
    width: 160px;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 0;
    color: Black;
}

    .bloc ul {
        list-style-image: url(/Images/Menus/Puce_Personne.png);
        margin-top: 0;
        margin-bottom: 0;
    }

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

.bloc ul li {
    padding: 0;
    margin: 0;
    margin-left: -18px;
}

.blocTitre {
    width: 160px;
    border-top: 1px solid #0A7CC1;
    border-bottom: 1px dashed #0A7CC1;
    margin: 0 auto 0 0;
    display: block;
    height: 22px;
    line-height: 22px;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    color: #000;
    line-height: 22px;
}

    .blocTitre a {
        font-size: 12px;
        color: #04779D;
    }

    .blocTitre img {
        vertical-align: middle;
        width: 0;
        margin: 0;
        padding: 0;
    }

.blocLien {
    color: #000;
}

.blocAncreLibelle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    margin-bottom: 4px;
}

.LigneMenuServiceEnCoursWhite {
    font-style: italic;
    color: white;
}
/* Fin Menu */
/* Service */
.LigneMenuService {
    color: Black;
}

.LigneMenuServiceEnCours {
    font-style: italic;
    color: Green;
}

.ServiceBoutonFerme {
    border: 2px solid #0099FF;
    font-weight: bold;
}

.ServiceBouton {
    border: 2px solid #ACACAC;
}

.ServiceBoutonErreur {
    border: 2px solid #FF2525;
}

.ServiceBoutonOuvert {
    border: 2px solid #2f7730;
}

/* Fin service */

.CursorHand {
    cursor: pointer;
}

.ongletSelectionne {
    color: #04779D;
    font-weight: bold;
}

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

/* Début CSS GridView */

.pagination_base {
    line-height: 26px;
    color: #FFF;
}

    .pagination_base span {
        padding: 1px;
        text-decoration: underline;
        white-space: nowrap;
        color: #000;
    }

    .pagination_base a,
    .pagination_base a:visited {
        text-decoration: none;
        padding: 1px;
        white-space: nowrap;
        color: #000;
    }

        .pagination_base a:hover,
        .pagination_base a:active {
            padding: 1px;
            text-decoration: none;
            white-space: nowrap;
            color: #000;
        }

.TablePagination {
    width: 802px;
    height: 25px;
    margin: 0;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    padding: 0;
    float: left;
    display: inline-table;
}

.pagination {
    line-height: 26px;
    color: #FFF;
}

    .pagination span {
        padding: 1px;
        text-decoration: underline;
        white-space: nowrap;
        color: #000;
    }

    .pagination a,
    .pagination a:visited {
        text-decoration: none;
        padding: 1px;
        white-space: nowrap;
        color: #000;
    }

        .pagination a:hover,
        .pagination a:active {
            padding: 1px;
            text-decoration: none;
            white-space: nowrap;
            color: #000;
        }


.enteteBloc {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 24px;
    height: 24px;
    background-color: #E7E7E7;
    text-align: left;
    font-weight: normal;
    width: 642px;
    z-index: 3;
    display: block;
    cursor: pointer;
    font-size: 16px !important;
}

a.enteteBloc {
    margin-bottom: 10px;
    padding: 0;
    line-height: 16px;
    height: 0;
    background-color: #E7E7E7;
    text-align: left;
    font-weight: normal;
    width: 642px;
    z-index: 3;
    display: block;
    cursor: pointer;
    font-size: 16px !important;
}

.enteteBloc table tr {
    background-color: #E7E7E7;
}

.enteteBloc2 {
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0;
    line-height: 16px;
    height: 29px;
    background-color: #E7E7E7;
    text-align: left;
    font-weight: normal;
    width: 794px;
    z-index: 3;
    display: block;
    cursor: pointer;
}

.enteteBlocAccueil {
    margin: 0;
    padding: 0;
    line-height: 24px;
    height: 24px;
    background-color: #E7E7E7;
    border-left: 1px solid #666;
    float: left;
    text-align: left;
    font-weight: bold;
    width: 800px;
    z-index: 3;
    display: block;
    cursor: pointer;
    font-size: 12px;
}

.enteteBlocSearch {
    /*margin-top: 0;
    margin-bottom: 0;     
    line-height: 24px;
    height: 24px; 
    background-color: #E7E7E7; 
    text-align: left;
    font-weight: normal;
    width: 642px;
    z-index: 3;
    display: block;
    cursor: pointer;
    font-size: 16px !important;*/
    margin-top: 5px;
    margin-bottom: -15px;
    padding: 0;
    line-height: 16px;
    height: 24px;
    background-color: #E7E7E7;
    text-align: left;
    font-weight: normal;
    width: 805px;
    z-index: 3;
    display: block;
    cursor: pointer;
}


.titreEntete {
    margin: 0;
    padding: 0;
    line-height: 24px;
    height: 24px;
    float: left;
    text-align: left;
    font-weight: normal;
    z-index: 3;
    display: block;
    cursor: pointer;
    font-size: 16px;
}


.EncartFiche {
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    width: 100%;
}


.enteteGridViewBloc {
    text-align: left;
    height: 20px;
    background-color: #D7D7D7;
    font-size: 12px;
    font-weight: normal;
}

    .enteteGridViewBloc th {
        border: 0 none;
    }

.modalEnteteGridViewBloc {
    text-align: left;
    height: 20px;
    background-color: #D7D7D7;
    font-size: 12px;
    font-weight: normal;
}

.hauteurAuto {
    height: auto !important;
}

.corpsBloc {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
    width: 634px;
    height: auto;
    z-index: 3;
}

    .corpsBloc th {
        text-align: left;
    }

/*Vérificateur*/
.corpsBlocSpeciale {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
    width: 794px;
    z-index: 3;
}


.corpsBloc2 {
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: left;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
    width: 794px;
    z-index: 3;
}

.corpsBlocSearch {
    margin-top: 20px;
    margin-bottom: 15px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 5px;
    text-align: left;
    width: 801px;
    z-index: 3;
    float: left;
}

.gridViewBloc {
    margin-top: 0;
    padding: 0;
    border-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    float: left;
    width: 630px;
    z-index: 3;
}

.gridViewBlocSansBordure {
    margin: 0;
    padding: 0;
    border-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    float: left;
    width: 792px;
    z-index: 3;
}

    .gridViewBlocSansBordure tr td, gridViewBlocSansBordure tr th {
        border-bottom: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        padding: 3px;
    }


.gridViewBlocLignesAccueil {
    margin: 0;
    padding: 0;
    border-bottom: 0;
    border-top: 0;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    float: right;
    width: 801px;
    z-index: 3;
}

.gridViewBlocLignes {
    margin: 0;
    padding: 0;
    border-bottom: 0;
    border-top: 0;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    float: right;
    width: 641px;
    z-index: 3;
}

.gridViewBlocSearch {
    margin: 0;
    padding: 0;
    border-bottom: 0;
    border-top: 0;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    float: left;
    width: 802px;
    z-index: 3;
}

.gridViewBlocRequeteur {
    margin: 5px 0 0 0;
    padding: 0;
    border-bottom: 0;
    border-top: 0;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    float: left;
    width: 802px;
    z-index: 3;
}

.gridViewBloc tr td {
    border-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding-top: 5px;
    padding-left: 5px;
}

.gridViewBlocLignes tr td {
    border-bottom: solid 2px;
    border-top: solid 2px;
    border-left: 0;
    border-right: 0;
    padding-top: 5px;
    padding-left: 5px;
}

.gridViewBlocSearch tr td {
    border-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding-top: 5px;
    padding-left: 5px;
}

.gridViewBlocRequeteur tr td {
    border-bottom: 1px;
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
    padding-top: 1px;
    padding-left: 1px;
}

.gridViewBloc th {
    border: 0;
    padding-left: 5px;
}

.gridViewBlocLignes th {
    padding-left: 5px;
}

.gridViewBlocSearch th {
    border: 0;
    padding-left: 5px;
}

.gridViewBlocRequeteur th {
    border: 1px;
    padding-left: 5px;
}

.Tablepagination_base {
    width: 802px;
    height: 25px;
    margin: 0;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    padding: 0;
    float: left;
    display: inline-table;
}
/* Fin CSS GridView */

.selected {
    background-color: #b5e7f1;
}

.enteteReduce {
    height: 42px;
    padding-top: 8px;
    padding-left: 4px;
    width: 160px;
}

.enteteReduceWithOverflow {
    height: 42px;
    padding-top: 8px;
    padding-left: 4px;
    width: 145px;
}

.corpsReduce {
    padding: 3px;
    margin: 0;
    width: 156px;
    background-image: url(../Images/bg_case_cocher.png);
    background-repeat: no-repeat;
}

.corpsReduceWithOverflow {
    padding: 3px;
    margin: 0;
    width: 156px;
    background-image: url(../Images/bg_case_cocher.png);
    background-repeat: no-repeat;
}

.corpsReduceAccueil {
    padding: 3px;
    width: 190px;
    background-image: url(../Images/bg_case_cocher_196.png);
    background-repeat: no-repeat;
}

.Desactive {
    color: Gray;
}

.ParcoursOuvert {
    color: #2f7730;
}

.ParcoursFerme {
    color: #0A7CC1;
}

.ParcoursOuvertLien {
    color: #2f7730;
    cursor: pointer;
}

    .ParcoursOuvertLien:focus,
    .ParcoursOuvertLien:hover {
        color: #2f7730;
        cursor: pointer;
        text-decoration: underline;
    }


.ParcoursFermeLien {
    color: #0A7CC1;
    cursor: pointer;
}

    .ParcoursFermeLien:focus, 
    .ParcoursFermeLien:hover {
        color: #0A7CC1;
        cursor: pointer;
        text-decoration: underline;
    }

/* Entête et pied de page de la MasterPage */
#logoPetit {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 7px;
    width: 160px;
    height: 40px;
}

#MainHeader {
    width: 1002px; /*background-color: #fff;*/
    margin-left: auto;
    margin-right: auto;
}

#SpanRecherche {
    position: absolute;
    right: 25px;
    top: 11px;
    vertical-align: middle;
}

#SpanMenuPrincipal {
    position: absolute;
    height: 30px; /*margin-left : 20px;*/ /*margin-right : 20px;*/
    margin-top: 5px;
    width: 100%;
    font-size: 16px; /*font-weight : normal;*/
    border-bottom: 1px solid #666666;
}

.headerMaster {
    height: 107px;
    width: 100%;
    clear: both;
    position: relative;
    margin: 0 0 0 0;
    padding: 5px 0 0 0;
}

#headerTitre {
    height: 44px;
    z-index: 1000;
}

#headerLogin1 {
    float: left;
    margin-top: 20px;
    width: 800px;
    margin-left: 5px;
    display: block;
}

.headerLogin2 {
    padding: 5px;
    background-color: #777772;
    /*position: absolute;
    font-weight: bold;
    color: #fff;
    top: 0;
    right: 20px;
    display: block;
    z-index: 2;*/
}

.disfonctionnement {
    position: absolute;
    padding: 1px;
    font-weight: bold;
    color: #fff;
    top: 0;
    right: 20px;
    display: block;
    z-index: 2;
    height: 32px;
}

    .disfonctionnement img:hover {
        cursor: pointer;
    }

.headerLogin2:hover ~ #user_info,
.headerLogin2:focus ~ #user_info {
    display: block;
}

#user_info {
    position: absolute;
    width: 150%;
    display: none;
    padding: 5px;
    background-color: #777772;
    font-weight: bold;
    color: #fff;
    top: 26px;
    right: -5px;
    z-index: 2;
}

    #user_info:hover {
        display: block;
    }



#navigation {
    margin-top: 20px;
    line-height: 22px;
    z-index: 9000;
    position: absolute;
    height: 30px;
}

#accessibilite {
    width: 100%;
    clear: both;
    height: 30px;
    line-height: 30px;
    background-color: #FFFFFF;
    text-align: right;
}

#piedDePage {
    clear: both;
    padding-top: 40px;
    text-align: center;
    margin-bottom: 20px;
    color: #666;
}
/* Fin Entête et pied de page de la MasterPage */
.menuTitre {
    width: 168px;
    margin-left: 0;
    margin-right: auto;
    display: block;
    height: 22px;
    line-height: 22px;
    text-align: left;
    font-weight: bold;
    color: #04779D;
    background-image: url(../Images/Menus/MenuG_OngletSup.gif);
}
/* Style pour les popups modales. Commun pour toute l'application */
.modalBackground {
    background-color: #444444;
    filter: alpha(opacity=83);
    opacity: 0.83;
    z-index: 80;
}

.modalPopup {
    height: auto !important;
    width: auto;
    max-width: 900px;
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #666;
    padding: 3px;
    z-index: 90;
}
/* Fin popup modale */
/* Cacher des colonnes */
.hiddencol {
    display: none;
}

.viscol {
    display: block;
}
/* Fin Cacher des colonnes */
/* Style pour les usercontrols de recherche */
.RechercheButton {
    cursor: pointer;
    margin: 0;
    padding: 0;
    vertical-align: text-bottom;
}

.PoubelleButton {
    cursor: pointer;
    margin: 0;
    padding: 0;
    vertical-align: text-bottom;
}
/* Fin du Style pour les usercontrols de recherche */
/* Afficher le calendrier au dessus des autres contrôles */
.ajax__calendar_container {
    z-index: 110;
    background-color: #FFFFFF;
}
/* Style à appliquer sur les jours "Week-end" */
.ajax__calendar .ajax__calendar_weekend {
    color: Red;
}

.LigneVisuTitre {
    font-weight: bold; /*background-color: #f5f5f5;*/
    background-color: #F0E8E8;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%;
}

.LigneVisuTitreAlerte {
    font-weight: bold;
    background-color: #ffff99;
    padding-top: 3px;
    padding-bottom: 3px;
}

.LigneVisuTitreEnCours {
    font-style: italic;
    background-color: #DEFBC5;
    padding-top: 3px;
    padding-bottom: 3px;
}

.LigneVisuObservation {
    font-style: italic; /*background-color: #E7FBFF;*/ /*padding-left: 10px;*/
    padding-top: 3px;
    padding-bottom: 3px;
    hyphens: auto;
}

.TableVisu {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    border-collapse: collapse;
}

/* Styles pour l'updateprogress */
.UpdateProgress1 {
    display: block;
    background-color: lightgray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10010;
}

.UpdateProgress2 {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10011;
}

.UpdateProgress3 {
    -moz-border-radius: 10px 0;
    -webkit-border-radius: 10px 0;
    border-radius: 40px;
    display: block;
    padding: 5px;
    opacity: .7;
    width: 220px;
    height: 60px;
    position: fixed;
    margin-top: 0;
    top: 50%;
    margin-left: -120px;
    left: 50%;
    text-align: center;
    vertical-align: middle;
    z-index: 10012;
}

    .UpdateProgress3 img {
        vertical-align: middle;
    }
/* Fin styles pour l'updateprogress */
.LettreType {
    background-position: right;
    background-repeat: no-repeat;
    background-color: #eaeaea;
    background-image: url(../Images/button.document.type.jpg);
    border: 1px solid #666;
    height: 31px;
    width: 163px;
    padding-right: 16px;
    margin-bottom: 3px;
}

    .LettreType:hover {
        background-color: #cccccc;
    }

li a[href]:hover, ul a[href]:hover {
    text-decoration: underline;
}

.UploadButton {
    background-color: #eaeaea;
    border: 1px solid #666;
    height: 22px;
    width: 150px;
}
/* Styles pour l'agenda */
.daypilot.event {
    background-color: White;
    color: #797676;
    font-family: Tahoma;
    font-size: 8pt;
}

.daypilot.cellbackground {
    background-color: white;
}

.daypilot.hourcellborder {
    border-bottom: 1px solid #000;
}

.daypilot.hourhalfcellborder {
    border-bottom: 1px solid gray;
}

.daypilot.header {
    background-color: #DEDEDE;
}

.categorie-agenda-bloc {
    width: 10px;
    height: 10px;
    border: 1px solid #000;
    margin: 0 3px 0 0;
}

.categorie-agenda {
    float: left;
    line-height: 10px;
    vertical-align: middle;
    font-size: 11px;
    padding: 0 3px 0 0;
}

.categorie-img {
    width: 10px;
    height: 10px;
    margin: 0;
}

.daypilotScheduler.header {
    background-color: #DEDEDE;
}

.daypilotScheduler.event {
    background-color: White;
    color: #797676;
    font-family: Tahoma;
    font-size: 8pt;
}

.daypilotScheduler.cellbackground {
    background-color: white;
}

.daypilotScheduler.hourcellborder {
    border-right: 1px solid gray;
}

.daypilotScheduler.hourhalfcellborder {
    border-right: 1px solid gray;
}
/* Fin des styles pour l'agenda */
.ChampObligatoire {
    background-color: #ffff99;
}

.ChampFacultatif {
    background-color: #b5e7f1;
}

.ChampFacultatifSpecifique {
    background-color: #b5e7f1;
    width: 350px;
}

.encadrement {
    padding: 3px;
    border: 1px solid #666;
    background-color: #eaeaea;
}

.TexteInvisible {
    color: White;
    font-size: 0;
    letter-spacing: -1px; /* display:none;  => ne pas mettre display:none; car le texte est bien présent mais en blanc sur fond blanc */ /* utilisé pour l'accessibilité : afficher un texte invisible à l'affichage mais détecté par le lecteur Jaws */
}

.H_Invisible {
    /* Utilsée pour les balises <h1> invisibles */
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    color: White;
    left: -10000px;
    top: auto;
    /* display:none;  => ne pas mettre display:none; car le texte est bien présent mais en blanc sur fond blanc */ /* utilisé pour l'accessibilité : afficher un texte invisible à l'affichage mais détecté par le lecteur Jaws */
}

.hidden_jaws {
    /* Pour masquer un DIV visuellement, mais qui reste accessible pour Jaws*/
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/* Windows defaut style
.infobulle_jqgrid
{
  position: absolute;   
  visibility : hidden;
  border: 1px solid Black;
  padding: 2px;
  font-family: Verdana, Arial;
  font-size: 10px;
  background-color: #FFFFE1;
}
*/
.infobulle_jqgrid {
    position: absolute;
    visibility: hidden;
    border: 1px solid Black;
    padding: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #FFFFE1;
}

.infobulleSpecial_jqgrid {
    background-color: #FFFFFF;
    border: 1px outset #000000;
    padding: 5px 5px 5px 5px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    position: absolute;
    width: 400px;
    display: none;
}

.agendaAccessibiliteDateDuJour {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #DEDEDE;
}

.agendaAccessibiliteMois {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-color: #EFD5D5;
}

.agendaPlageLibre {
    background-color: #FFFFFF;
    color: #054BFB;
}

.agendaPlageOccupe {
    background-color: #FFFFE1;
}

.footerGridView {
    background-color: #E9E9E9;
}

.TableGridview {
    width: 100%;
    border: solid 1px #AAAAAA;
}



.TableEditableEditRow {
    background-color: #EEEEEE;
}

.GridViewAlternatingRowStyle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 20px;
    padding: 0 2px;
    overflow: visible;
    text-align: left;
    white-space: normal;
    font-weight: normal;
    background: url("/Commun/js/jquery/uieffect/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #E9E9E9;
    border: 1px solid #D3D3D3;
}

.GridViewRowStyle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 20px;
    padding: 0 2px;
    overflow: visible;
    text-align: left;
    white-space: normal;
    font-weight: normal;
    border: 1px solid #D3D3D3;
}

.GridViewHeaderStyle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 22px;
    padding: 0 2px;
    overflow: visible;
    text-align: center;
    color: #555555;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #D3D3D3;
}

.GridViewEmptyDataRowStyle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #EEFAFC;
}

.GridViewStyle {
    border: 1px solid #D3D3D3;
}

.TableAide {
    background-color: #F5F5F5;
    width: 100%;
    text-align: left;
}





.tableAgendaRDVMultiple {
    /*border: 1px solid #00067F; 	margin-left: 4px; 	margin-right: 3px;*/
    font-family: Arial;
    font-size: 9px;
    border-collapse: collapse; /*width: 200px;*/
}



.GridViewRowStyleAgenda {
    font-family: Arial;
    font-size: 9px;
    height: 12px;
    padding: 0 0;
    text-align: left;
    white-space: nowrap;
    font-weight: normal;
    border: 1px solid #D3D3D3;
}

.GridViewRowStyleAgendaRDV {
    font-family: Arial;
    font-size: 9px;
    height: 12px;
    padding: 0 0;
    text-align: left;
    white-space: nowrap;
    font-weight: normal;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    border-top: 3px solid #000000;
    border-bottom: 3px solid #000000;
}

.divRDV {
    overflow: hidden;
    height: 12px;
    text-align: center;
}

.Dedoublonnage {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: oblique;
}

.DedoublonnageSelectAll {
    background-color: #E2F7FA;
}

.ProfilActifRadioButtonList {
    border-collapse: collapse;
}

.observations {
    Width: 380px;
}

.nobr {
    white-space: nowrap;
}

.encart {
    margin-bottom: 10px;
}

body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #F1F1F1;
}
/*#aspnetForm
	{
	     background-image : url(../Images/bg.png);
	     background-color:#fff;
	   
        background-position:0 0;
        background-repeat:repeat-x;
	}*/
select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

Input.TextBox {
    border: 1px solid #666;
    font-size: 12px;
    margin-right: 10px;
}

Input.Button {
    width: 100px;
    height: 22px;
    background: url(/Images/Bouton.gif);
    background-position: 0 0;
    border: 0;
    font-size: 12px;
}

/*Icone*/

.IconeRetour {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-color: #6590BA;
    border: 0;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 0; /* Fix for IE */
}

.IconeAlerte {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-color: #D57901;
    border: 0;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 0; /* Fix for IE */
}

Input.ButtonFlashRouge {
    width: 32px;
    height: 32px;
    background-image: url(../Images/Icones32x32/ico_Flash.png);
    background-repeat: no-repeat;
    background-color: #A80200;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 0; /* Fix for IE */
}

Input.ButtonFlashBleu {
    width: 32px;
    height: 32px;
    background-image: url(../Images/Icones32x32/ico_Flash.png);
    background-repeat: no-repeat;
    background-color: #1A7FB3;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 0; /* Fix for IE */
}

/* Icones pour les GridView editable */
.icon-edit {
    background: url(../Images/Icones16x16/Modifier.png) no-repeat left;
    border: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.icon-insert {
    background: url(../Images/Icones16x16/Ajout.png) no-repeat left;
    border: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-right: 3px;
}

.icon-update {
    background: url(../Images/Icones16x16/Modif_Confirm.png) no-repeat left;
    border: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.icon-cancel {
    background: url(../Images/Icones16x16/Modif_annul.png) no-repeat right;
    border: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Bouton */

Input.ButtonActualise {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Actualise.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonActualiseDNS {
    width: 200px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Actualise.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonFermerDSN {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_retour.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonAjouter {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Ajouter.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonAjouterFiltrer {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Ajouter_Filtrer.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonAjouterMultiple {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_AjoutMultiple.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonAlimenter {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Alimenter.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonAnnuler {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_annul.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonArchiver {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Archive.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonAttention {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Attention.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonCadena {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Cadena.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonCalculatrice {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Calculatrice.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonCle {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_cle.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonConfirmer {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Confirmer.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonConfirmerAgenda {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Confirmer_agenda.png);
    background-repeat: no-repeat;
    background-color: #FED873;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #4E4E4E;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonConfirmerEditer {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Confirmer_editer.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonConfirmerEditerAgenda {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Confirmer_editer_agenda.png);
    background-repeat: no-repeat;
    background-color: #FED873;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #4E4E4E;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonCroix {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Croix.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonDeplacer {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Deplacer.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonDocument {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_document.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonDossier {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_dossier.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonDupliquer {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Dupliquer.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonEnveloppe {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Enveloppe.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonExcel {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Excel.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonExclamation {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Exclamation.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonFiltrer {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Filter.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonFleche {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Fleche.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonFusionner {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Fusionner.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonImprimer {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Imprimer.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonLecture {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Lecture.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonPause {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Pause.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonLoupe {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Loupe.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonManuel {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_manuel.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

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

Input.ButtonFusion {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Fusionner.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonBasic {
    width: 140px;
    height: 32px;
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 0px; /* Fix for IE */
    text-align: center;
}

Input.ButtonFusion:hover {
    background-color: darkslateblue;
}

Input.ButtonBasic:hover {
    background-color: darkslateblue;
}

.pop_up_fusion {
    width: 750px;
    padding: 0px, 1px,0px,1px;
}

Input.ButtonModifier {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Modifier.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonPhoto {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_photo.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonReinitialiser {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Reinitialiser.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonRetour {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_retour.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonTransferer {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Transfere.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonWord {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/act_Word.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonPrecedent {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/nav_Precedent.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.ButtonSuivant {
    width: 140px;
    height: 32px;
    background-image: url(../Images/Icones32x32/nav_Suivant.png);
    background-repeat: no-repeat;
    background-color: #777772;
    background-position: 5px 0;
    border: 0;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 35px; /* Fix for IE */
}

Input.RefreshButton {
    width: 20px;
    height: 20px;
    background-image: url(../Images/Icones16x16/ico_Actualise.png);
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

/*Menu Principal couleur*/
.MenuP_link {
    padding: 2px 0 4px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    /*border-right:1px solid #777772;    */
}

.MenuP_link_last {
    border-right: none;
}

.MenuP_link:hover {
    background-color: #0A7CC1;
    color: #fff;
}


.MenuP_link_accueil:hover {
    background-color: #E8220D;
    color: #fff;
}


.MenuP_link_entreprise:hover {
    background-color: #6B7F0B;
    color: #fff;
}

.MenuP_link_partenaires:hover {
    background-color: #E0340C;
    color: #fff;
}

.MenuP_link_offres:hover {
    background-color: #D53583;
    color: #fff;
}

.MenuP_link_agenda:hover {
    background-color: #FED873;
    color: #4E4E4E;
}

.MenuP_link_outil:hover {
    background-color: #8C5BDE;
    color: #fff;
}

.MenuP_link_assistance:hover {
    background-color: #777772;
    color: #fff;
}

.MenuP_link_aide:hover {
    background-color: #777772;
    color: #fff;
}

.MenuP_link_deconnect:hover {
    background-color: #777772;
    color: #fff;
}

.MenuP_link_deconnect, .MenuP_link_aide, .MenuP_link_assistance {
    font-size: 9px;
}

.puce_point {
    background-image: url("../Images/Icones16x16/Puce_Point.png");
    background-repeat: no-repeat;
}

.Couleur {
    background-color: #DCDCDC;
    text-align: center;
}

.IconeMenuService {
    position: relative;
    top: 2px;
}

.DataTag {
    border: 1px solid grey;
    color: black;
}

.DataTagComment {
    color: grey;
}

.Grille table {
    border-collapse: collapse;
    width: 100%;
}

.Grille td {
    padding: 3px 0;
    vertical-align: top;
}

.entete_center {
    text-align: center;
    height: 20px;
    background-color: #D7D7D7;
    font-size: 12px;
    font-weight: normal;
}

    .entete_center th {
        border: 0 none;
    }
/* The Modal (background) */
.modalFenetre {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100002; /* Sit on top */
    padding-top: 250px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 5px;
    border: 1px solid #888;
    width: 300px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.lienBouton {
    background-color: #777772;
    border: none;
    color: white;
    padding: 8px 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
}

.PositionFixed {
    position: absolute !important;
}


/*ServiceCEP*/
.ficheConseil {
    background-color: #E7E7E7;
    padding: 5px;
    width: 642px !important;
    border: none;
    text-align: left;
    font-size: 15px;
}

.max_taille_liste_cep {
    max-width: 400px;
}


.max_taille_liste_decline {
    max-width: 530px;
}

.max_taille_liste_FermetureParcoursMaintien {
    width: 400px;
}

.boutonSyntheseCEP {
    background-color: #777772;
    border: none;
    color: white;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
}

.backgroundloader {
    background-color: lightgray;
    z-index: 995;
    bottom: 0;
    top: 0;
    width: 100%;
    left: 0;
    position: fixed;
    opacity: 0.8;
}

#AffichageDomaineAction {
    margin: 10px;
}


table.dataTable td, table.dataTable th {
    padding-right: 11px;
}

#tableRechercheDomaineActionDatatable tbody tr:nth-child(even):hover td {
    background-color: darkgrey !important;
    color: white;
    cursor: pointer;
}

#tableRechercheDomaineActionDatatable tbody tr:nth-child(odd):hover td {
    background-color: darkgrey !important;
    color: white;
    cursor: pointer;
}

.DateDebutModalFermetureParcoursMaintien {
    width: 90px !important;
    margin-right: 5px;
}

.ListeMotifFinModalFermetureParcoursMaintien {
    width: 120px;
    margin-right: 5px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 17px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 10px;
        width: 10px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2f7730;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2f7730;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 17px;
}

    .slider.round:before {
        border-radius: 50%;
    }

    .slider.round:focus,
    .slider.round:hover
    {
        box-shadow: 0 0 1px #2f7730;
    }

.GestionBlockPreste {
    height: 90px;
    overflow-y: scroll
}

.numeroVoie {
    max-width: 50px;
    margin-right: 20px;
}

.modalAgoraRefus {
    max-width: 350px;
    padding: 8px;
    border-radius: 10px;
}

.BoutonKOAgora {
    background-color: #777772;
    border: none;
    color: white;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 10px 4px 10px;
    cursor: pointer;
    border-radius: 10px;
}

.BoutonOKAgora {
    background-color: #4476a2;
    border: none;
    color: white;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 0px 20px 0px 20px;
    cursor: pointer;
    border-radius: 10px;
}

.modalAgoradonneesManquantes {
    max-width: 550px !important;
    padding: 8px !important;
    border-radius: 10px !important;
}

.fondmodal {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 10000px;
    height: 10000px;
    background-color: #444444;
    filter: alpha(opacity=83);
    opacity: 0.83;
    z-index: 9000;
}

.ExportSaveService {
    position: fixed;
    left: 35%;
    top: 40%;
    max-width: 450px !important;
    padding: 8px !important;
    border-radius: 10px !important;
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #666;
    z-index: 10002;
}

.FicheParcoursModal {
    position: fixed;
    left: 30%;
    top: 10%;
    bottom: 5%;
    width: 710px !important;
    max-height: 780px !important;
    padding: 8px !important;
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #666;
    z-index: 10002;
    max-height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
}

.modalPopupenteteGridViewBloc {
    height: 20px;
    background-color: #0A7CC1;
    font-size: 12px;
    font-weight: normal;
}

.cachecache {
    display: none;
}

.gridExport {
    cursor: pointer;
}

#tableErreursDansAgoraDatatable tbody > tr > td {
    width: 100%;
    overflow: hidden;
    border: 1px solid white;
    overflow-y: hidden;
    font-size: 11px;
    max-width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 6px;
    cursor: pointer;
    text-align: center;
}

#tableErreursDansAgoraDatatable tbody > tr:hover {
    background-color: #e6ffff;
}

#tableErreursDansAgoraDatatable thead > tr > th {
    border: 1px solid white;
    font-size: 12px;
    width: 100%;
    text-align: center;
    color: #4d4d4d;
    background-color: #cccccc;
}

#tableErreursDansAgoraDatatable {
    border: 1px solid;
    border-color: #cccccc;
    border-collapse: collapse;
    table-layout: fixed;
}

.tableResize,
.tableResize th {
    border: 1px solid #ccc;
}

    .tableResize th {
        padding: 0.5rem;
    }

    .tableResize th {
        position: relative;
    }

}
}

.table .thead-light th {
    background-color: #9A9A98;
    border-color: #dee2e6;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.resizer {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    cursor: col-resize;
    user-select: none;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
}

.resizable {
    border: 1px solid gray;
    height: 100px;
    width: 100px;
    position: relative;
}

.TableConsultationDSN {
    border-collapse: collapse;
    width: 100%;
}

    .TableConsultationDSN tbody > tr > td {
        width: 100%;
        overflow: hidden;
        border: 1px solid white;
        overflow-y: hidden;
        font-size: 11px;
        max-width: 80px;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 6px;
        text-align: center;
    }


    .TableConsultationDSN thead > tr > th {
        border: 1px solid white;
        font-size: 12px;
        width: 100%;
        text-align: center;
        color: #4d4d4d;
        background-color: #cccccc;
    }

.TableConsultationDSN {
    border: 1px solid;
    border-color: #cccccc;
    border-collapse: collapse;
    table-layout: fixed;
}

.modalLarge {
    max-width: 650px;
    padding: 8px;
    border-radius: 10px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}