html, body {
    margin: 0px;
    padding: 0px;
    background-image: url(./img/bg.jpg);
    /*overflow-x: hidden;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

body {
    /*behavior: url(./csshover.htc);*/
}

.highlighted {
    color: white !important;
}

.highlightedOver a {
    color: white !important;
    text-decoration: underline !important;
}

.highlightedTr {
    background-color: #FCCE93 !important;
}

#global {
    /*position:absolute;
	width:980px;
	left:50%;
	top:0;
	margin-left:-490px;*/
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

#content {
    width: 1280px;
}

#header {
    position: relative;
    display: inline-block;
    height: 100px;
    margin-top: 10px;
}

    #header img {
        position: absolute;
    }

#shadowTop {
    padding-top: 10px;
}

#list {
    position: relative;
    height: 130px;
}

#imgsList, #contentList {
    position: absolute;
}

    #imgsList img {
        float: left;
    }

.ML1, .ML2, .ML3, .ML4 {
    float: left;
    width: 198px;
    list-style-type: none;
    list-style-image: url(./img/flecheList.gif);
    margin-left: 8px;
}

#contentList li {
    height: 20px;
    font-size: 12px;
    z-index: 10;
}

    #contentList li a {
        text-decoration: none;
        color: #333333;
        z-index: 10;
    }

        #contentList li a:hover {
            text-decoration: underline;
            color: #333333;
            z-index: 10;
        }

#alert {
    position: absolute;
    overflow: auto;
    width: 500px;
    right: 130px;
    top: 15px;
    left: 400px;
    font-size: 14px;
    z-index: 1;
    height: 78px;
}

#txtBienvenue {
    position: absolute;
    width: 500px;
    left: 320px;
    top: 12px;
    font-size: 14px;
    color: #FFF;
    z-index: 1;
}

.alertMini {
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
}

.alertMiniPortion {
    display: inline;
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
    /*position: absolute;*/
    float:right;
    right: 5em;
    margin: 10px;
}

#titreCurrentPage {
    position: absolute;
    width: auto;
    left: 40px;
    top: 25px;
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
    z-index: 1;
}

#semaine {
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
    z-index: 1;
}

#/helas/ {
    width: 320px;
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
}


    #/helas/ select {
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        color: #333333;
        border: none;
        background: url(./img/search_select_commande.jpg);
        width: 320px;
        height: 28px;
        padding: 6px;
    }

.logoVille {
    left: 628px;
    z-index: 1;
}

.logoPageLog {
    left: 320px;
    top: 40px;
    z-index: 1;
}
#version
{
    position:absolute;
    height:30px;
    left:80%;
    top:10%;
    z-index: 1;
}
.versionPageLog {
    color:darkgray;
}
.versionBrowserIssue {
    color:black;
    text-align:center;
}
#LblBrowser
{
    position:absolute;
    height:auto;
    width:400px;
    left:33%;
    top:50%;
    z-index: 1;
    background-color:#FFFFE0;
    border-style:solid;
    border-right-width:0.5px;
    border-top-width:0.5px;
    border-left-width:0.5px;
    border-bottom-width:0.5px;
    border-radius:5px;
    padding:15px;

}
#log {
    position: relative;
    top: 10px;
    /*left:700px;*/
    left: 1000px;
    z-index: 1;
    background: url(./img/bg_log.png) no-repeat;
    background-size: 255px 117px;
    vertical-align: bottom !important;
    height: 117px;
    width: 255px;
    border-width: 0px;
}

    #log img {
        position: absolute;
        z-index: 1;
    }


    #log #imgVille {
        top: 0px;
        left: -470px;
        position: absolute;
        z-index: 3;
    }


    #log #ville {
        font-size: 12px;
        font-weight: bold;
        color: #FFF;
        top: 15px;
        left: 10px;
        position: absolute;
        z-index: 2;
    }

    #log #ecole {
        font-size: 12px;
        font-weight: bold;
        color: #FFF;
        top: 40px;
        left: 10px;
        position: absolute;
        z-index: 2;
    }


    #log #menuCompte {
        top: 7px;
        left: 15px;
        position: relative;
        width: 210px;
        z-index: 2;
    }

        #log #menuCompte a img {
        }

        #log #menuCompte a {
            font-size: 11px;
            color: #333333;
            margin-right: 10px;
            z-index: 2;
        }

#tab {
    position: relative;
    height: 265px;
}

#tabForm {
    position: absolute;
    top: 0px;
    left: -13px;
}

.headTabLeft {
    background-image: url(./img/head_tab_left.jpg);
}

.headTabRight {
    background-image: url(./img/head_tab_right.jpg);
}

.headTabMid {
    background-image: url(./img/head_tab_mid.jpg);
}

.headTabMed {
    background-image: url(./img/head_tab_medium.jpg);
}

.headTabTotJ {
    background-image: url(./img/head_tab_total_jour.jpg);
}

.headTabTotN {
    background-image: url(./img/head_tab_total_nbr.jpg);
}

.headTabLeft, .headTabRight, .headTabMid, .headTabMed, .headTabTotJ, .headTabTotN {
    background-repeat: no-repeat;
    font-size: 10px;
    color: #000;
}

.bottomTabLeft {
    background-image: url(./img/bottom_tab_left.jpg);
    background-repeat: no-repeat;
}

.bottomTabRight {
    background-image: url(./img/bottom_tab_right.jpg);
    background-repeat: no-repeat;
}

.bottomTabMid {
    background-image: url(./img/bottom_tab_mid.jpg);
    background-repeat: no-repeat;
}

.bottomTabMed {
    background-image: url(./img/bottom_tab_medium.jpg);
    background-repeat: no-repeat;
}

.bottomTabTotJ {
    background-image: url(./img/bottom_tab_total_jour.jpg);
    background-repeat: no-repeat;
}

.bottomTabTotN {
    background-image: url(./img/bottom_tab_total_nbr.jpg);
    background-repeat: no-repeat;
}

.bottomTabJour {
    background-image: url(./img/bottom_tab_jour.jpg);
    background-repeat: no-repeat;
}

.middleLeftC {
    background-image: url(./img/middle_tab_left_clair.jpg);
    background-repeat: no-repeat;
}

.middleMidC {
    background-image: url(./img/middle_tab_mid_clair.jpg);
    background-repeat: no-repeat;
}

.middleRightC {
    background-image: url(./img/middle_tab_right_clair.jpg);
    background-repeat: no-repeat;
}

.middleLeftF {
    background-image: url(./img/middle_tab_left_fonce.jpg);
    background-repeat: no-repeat;
}

.middleMidF {
    background-image: url(./img/middle_tab_mid_fonce.jpg);
    background-repeat: no-repeat;
}

.middleRightF {
    background-image: url(./img/middle_tab_right_fonce.jpg);
    background-repeat: no-repeat;
}

.middleTotalJC {
    background-image: url(./img/middle_tab_clair_total_jour.jpg);
    background-repeat: no-repeat;
}

.middleTotalNC {
    background-image: url(./img/middle_tab_clair_total_nbr.jpg);
    background-repeat: no-repeat;
}

.middleTotalJF {
    background-image: url(./img/middle_tab_fonce_total_jour.jpg);
    background-repeat: no-repeat;
}

.middleTotalNF {
    background-image: url(./img/middle_tab_fonce_total_nbr.jpg);
    background-repeat: no-repeat;
}

.headerFlecheLeft {
    background-image: url(./img/header_tab_fleche_left.jpg);
    background-repeat: no-repeat;
}

.headerFlecheMid {
    background-image: url(./img/header_tab_fleche_mid.jpg);
    background-repeat: no-repeat;
}

.headerFlecheRight {
    background-image: url(./img/header_tab_fleche_right.jpg);
    background-repeat: no-repeat;
}

.headerFlecheMed {
    background-image: url(./img/header_tab_fleche_med.jpg);
    background-repeat: no-repeat;
}

.headerFlecheTotalJ {
    background-image: url(./img/header_tab_fleche_total_jour.jpg);
    background-repeat: no-repeat;
}

.headerFlecheTotalN {
    background-image: url(./img/header_tab_fleche_total_nbr.jpg);
    background-repeat: no-repeat;
}

.bgTitle149 {
    background-image: url(./img/bg_maternelles.jpg);
}

.bgTitle111 {
    background-image: url(./img/bg_regime_hypo.jpg);
}

.bgTitle106 {
    background-image: url(./img/bg_total.jpg);
    background-position: right;
}

.bgTitle149, .bgTitle111, .bgTitle106 {
    background-repeat: no-repeat;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    padding-left: 5px;
    padding-right: 5px;
}

.txtJour, .bottomTabJour, .headerFlecheTotalJ, .middleTotalJF, .middleTotalJC, .bottomTabTotJ {
    font-size: 11px;
    color: #333333;
    padding-left: 5px;
}

.bgSearch370 {
    background-image: url(./img/search_bg_370.jpg);
}

.bgSearch370Hidden {
    background-image: url(./img/search_bg_370.jpg);
    visibility: hidden;
}

.bgSearch180 {
    background-image: url(./img/search_bg_180.jpg);
}

.bgSearchTitle370 {
    background-image: url(./img/search_bg_title_370.jpg);
}

.bgSearchTitle180 {
    background-image: url(./img/search_bg_title_180.jpg);
}

.bgSearch370, .bgSearch180, .bgSearchTitle370, .bgSearchTitle180 {
    font-size: 11px;
    font-weight: bold;
    color: #333333;
}

#valider {
    border: none;
    width: 232px;
    height: 43px;
    cursor: pointer;
}

#semaine select {
    font-size: 11px;
    color: #333333;
    border: none;
    background: url(./img/bg_select_semaine.png);
    width: 235px;
    height: 28px;
    padding: 6px;
}

#ecole select {
    font-weight: bold;
    font-size: 11px;
    color: #333333;
    border: none;
    background: url(./img/bg_select_ecole.png);
    width: 235px;
    height: 28px;
    padding: 6px;
}

#typeCommande select {
    font-weight: bold;
    font-size: 11px;
    color: #333333;
    border: none;
    background: url(./img/bg_select_ecole.png);
    width: 235px;
    height: 28px;
    padding: 6px;
}

#selectionN select {
    font-weight: bold;
    font-size: 11px;
    color: #333333;
    border: none;
    background: url(./img/inter_bg_select_nor.jpg);
    width: 152px;
    height: 28px;
    padding: 6px;
}

#selectionL select {
    font-weight: bold;
    font-size: 11px;
    color: #333333;
    border: none;
    background: url(./img/inter_bg_select_lon.jpg);
    width: 235px;
    height: 28px;
    padding: 6px;
    margin-right: 30px;
}

#ssSelectionL select {
    font-weight: bold;
    font-size: 11px;
    color: #333333;
    border: none;
    background: url(./img/inter_bg_ss_select_lon.jpg);
    width: 235px;
    height: 28px;
    padding: 6px;
    margin-right: 30px;
}

#ssSelectionL {
    margin-left: 76px;
}

#selectionL, #selectionN, #ssSelectionL {
    font-weight: bold;
    font-size: 11px;
}

select option {
    background-color: #DADADA;
}

.DivLoginForm {
    position: relative;
    background-image: url(./img/bg-loginForm.png);
}

.failureNotification {
    font-size: 1.2em;
    color: White;
    top: 15px;
    position: relative;
}

#logForm {
   
    position:absolute;
	width:350px;
	/*right:260px;*/
    right:550px;
	top:5px;
	font-size:12px;
	z-index:1;
	text-align:right;

}

    #logForm input {
        border: none;
        font-size: 12px;
        color: #333333;
        width: 231px;
        height: 15px;
        padding: 5px;
        background-image: url(./img/bg_input_login.gif);
        background-repeat: no-repeat;
        background-color: transparent;
    }

    #logForm p {
        margin: 2px;
    }

    #logForm .btnValider {
        border: none;
        width: 95px;
        height: 24px;
        cursor: pointer;
        padding: 0 !important;
    }

.submitButton {
    text-align: right;
    padding-right: 10px;
}

#logLinkForm {
  
    position:absolute;
	width:130px;
	/*right:75px;*/
    right:400px;
	top:5px;
	font-size:12px;
	z-index:1;
	text-align:left;


}

    #logLinkForm a {
        font-size: 11px;
        color: #333333;
        text-decoration: underline;
    }

        #logLinkForm a:hover {
            font-size: 11px;
            color: #333333;
            text-decoration: none;
        }

.radio {
    margin-left: 15px;
}

.searchDate {
    border: none;
    font-size: 14px;
    text-align: center;
    color: #333333;
    width: 121px;
    height: 23px;
    margin: 0px;
    margin-left: 5px;
    padding: 0px;
    padding-top: 4px;
    background-image: url(./img/search_bg_input.jpg);
    background-repeat: no-repeat;
    background-color: transparent;
}

#newComm {
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    text-decoration: underline;
}

.titreCol td {
    font-size: 12px;
    font-weight: bold;
    color: #303030;
    padding-left: 15px;
}

#nbrResSearch {
    font-weight: bold;
    font-size: 14px;
    color: #ca0039;
    padding-left: 15px;
}

.colEna td {
    background-color: #f0f0f0;
    font-size: 11px;
    color: #333333;
    padding-left: 15px;
}

.colDis td {
    background-color: #FFF;
    font-size: 11px;
    color: #333333;
    padding-left: 15px;
}

#num .this, #num .this:hover {
    background-color: #b50041;
    color: #FFF;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    border: #f0f0f0 1px solid;
    text-decoration: none;
}

#num .noThis {
    background-color: #FFF;
    color: #b50041;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    border: #f0f0f0 1px solid;
    text-decoration: none;
}

    #num .noThis:hover {
        background-color: #b50041;
        color: #FFF;
        font-size: 11px;
        padding-left: 5px;
        padding-right: 5px;
        border: #f0f0f0 1px solid;
        text-decoration: none;
    }

.tableS {
    border-collapse: collapse;
}

    .tableS th, .tableS td {
        border: 1px solid #b7b7b7;
    }

.bottomTxt {
    font-size: 11px;
    font-weight: bold;
}

.recapTitleCol {
    background-image: url(./img/recap_header_col_title.jpg);
    font-size: 11px;
    font-weight: bold;
    color: #333333;
}

.recapCol {
    background-image: url(./img/recap_bg_col.jpg);
    font-size: 11px;
    font-weight: bold;
    color: #333333;
}

.recapSelec select {
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    color: #333333;
    border: none;
    background: url(./img/recap_select.jpg);
    width: 207px;
    height: 28px;
    padding: 6px;
    margin-top: 10px;
}

.recapSelecS select {
    text-align: center;
    font-size: 11px;
    color: #333333;
    border: none;
    background: url(./img/recap_select.jpg);
    width: 207px;
    height: 28px;
    padding: 6px;
    margin-top: 10px;
}

/*********************/
/* Pour les fieldset */
/*********************/
fieldset {
    border: green 1px solid;
    padding: 10px 25px 10px 25px;
}

    fieldset legend {
        padding: 0 10px;
        border-left: green 1px solid;
        border-right: green 1px solid;
        font-size: 25px;
        color: green;
        margin-top: 15px;
    }

/*********************************************************/
/* NAVIGATION / MENU POUR TOUTES LES PAGES SAUF L'ACCUEIL*/
/*********************************************************/
.menuTopHeader {
    /*background-image:url(./img/bg_nav.png);*/
    height: 63px;
    /*padding-top : 10px;
    margin-bottom: 10px;*/
    margin-top: 25px;
}

.menuTop {
    background-image: url(./img/bg_Navigation.png);
    height: 45px;
    width: 950px;
    margin: auto;
}

    .menuTop ul {
        padding: 0;
        margin: 0 0 0 20px;
        list-style: none;
        line-height: 21px;
        text-align: left;
    }

        .menuTop ul li {
            height: 33px;
            float: left;
            padding: 12px 12px 0 12px;
            /*border-right : 1px solid #fff;*/
        }

            .menuTop ul li.selectionne {
                background-image: url(./img/bg_NavigationHover.png);
                background-repeat: repeat-x;
            }

                .menuTop ul li.selectionne a {
                    color: White !important;
                }

            .menuTop ul li a {
                font-size: 14px;
                color: #3f520b;
                font-weight: bold;
                text-decoration: none;
            }

.menuSub {
    clear:both; 
    background-image:url(./img/bg-NavigationSous.png);
    height:32px;
    /*width:950px;*/
    margin: auto;
    width:1250px;
}

.menuWeekNumber {
    font-size:xx-small;
    position:relative;
    top:-30px;
    left:-20px;
    color:red;
}

.menuWeekNumber-hidden {
    display: none;
}

.weekNumber {
    font-size:10px;
    color:black;
    position:absolute;
    left:120px;
    top:270px;
    z-index:1;
}

.menuWeekNumber-validated {
    font-size:xx-small;
    position:relative;
    top:-30px;
    left:-20px;
    color:green;
}

    .menuSub ul {
        padding: 0;
        margin: 0 0 0 15px;
        list-style: none;
        line-height: 21px;
        text-align: left;
    }

        .menuSub ul li {
            height: 26px;
            float: left;
            padding:6px 20px 0 20px;  
            /*padding: 6px 12px 0 12px;*/
            /*border-right : 1px solid #fff;*/
        }

            .menuSub ul li.selectionne {
                background-image: url(./img/bg_NavigationSousHover.png);
                background-repeat: repeat-x;
            }

            .menuSub ul li a {
                color: #333333;
                font-size: 11px;
                text-decoration: none;
                font-weight: bold;
                width: 50px;
            }

/**********************************************/
/* NAVIGATION / MENU UNIQUEMENT POUR L'ACCUEIL*/
/**********************************************/
.menu_Acc_tdG {
    background-image: url(./img/bg_NavAccueil_gauche.png);
    background-repeat: no-repeat;
    height: 45px;
    width: 20px;
}

.menu_Acc_td {
    color: #364C01;
    /*text-align:center;*/
    font-size: 16px;
    font-weight: bold;
    /*border-right : 1px solid #fff;*/
    background-image: url(./img/bg_NavAccueil.png);
    background-repeat: repeat-x;
    height: 45px;
}

.menu_Acc_tdD {
    background-image: url(./img/bg_NavAccueil_droite.png);
    background-repeat: no-repeat;
    height: 45px;
    width: 20px;
}

.menuSub_Acc_tdG {
    background-image: url(./img/bg_NavAccueilSub_gauche.png);
    background-repeat: no-repeat;
    height: 180px;
    width: 20px;
}

.menuSub_Acc_td {
    /*border-right : 1px solid #fff;*/
    padding: 8px 0 0 3px;
    vertical-align: top;
    background-image: url(./img/bg_NavAccueilSub.png);
    background-repeat: repeat-x;
}

.menuSub_Acc_tdD {
    background-image: url(./img/bg_NavAccueilSub_droite.png);
    background-repeat: no-repeat;
    width: 20px;
}

.menuSub_Acc {
    padding: 0;
    padding-left: 15px;
    margin: 0;
    text-align: left;
    line-height: 21px;
}

    .menuSub_Acc li {
        list-style-image: url(./img/flecheList.png);
        list-style-type: none;
    }

        .menuSub_Acc li a {
            color: #333333;
            text-decoration: none;
        }

        .menuSub_Acc li:hover {
            text-decoration: underline;
            list-style-image: url(./img/flecheListHover.png);
        }


/*********************/
/* Pour les tableaux */
/*********************/
.tabStyle {
    width: 100%;
    border-collapse: collapse;
    color: #333333;
    margin-top: 15px;
}

    .tabStyle th {
        background-image: url(./img/patternHeaderTable.gif);
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
    }

    .tabStyle .pair {
        background-color: White;
    }

    .tabStyle .impair {
        background-color: #E6E6E6;
    }

    .tabStyle tr {
        text-align: center;
        padding: 0 15px 0 15px;
    }

    .tabStyle td, .tabStyle th {
        text-align: center;
        border: 1px solid grey;
    }

.tabStyleItem {
    text-align: left !important;
}


.tabStyleColored {
    width: 100%;
    border-collapse: collapse;
    color: #333333;
    margin-top: 15px;
}

    .tabStyleColored th {
        background-image: url(./img/enteteHaut.png);
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        color: #FFFFFF;
        height: 30px;
    }

    .tabStyleColored .pair {
        background-color: White;
    }

    .tabStyleColored .impair {
        background-color: #e6e6e6;
    }

    .tabStyleColored tr {
        text-align: center;
        padding: 0 15px 0 15px;
    }

    .tabStyleColored td, .tabStyleColored th {
        text-align: center;
        /*border: 1px solid grey;*/
    }

.tabStyleColoredItem {
    text-align: left !important;
}



.tabStyleLite {
    width: 100%;
    border-collapse: collapse;
    color: #333333;
    margin-top: 15px;
}

    .tabStyleLite th {
        text-align: center;
        padding-bottom: 5px;
    }

    .tabStyleLite .pair {
        background-color: White;
    }

    .tabStyleLite .impair {
        background-color: #E6E6E6;
    }

    .tabStyleLite tr {
        text-align: center;
        padding: 0 15px 0 15px;
    }

    .tabStyleLite td {
        text-align: left;
        padding: 0 5px 0 5px;
        border: 1px solid grey;
    }

.tabStyleLiteItem {
    text-align: left !important;
}

menu .transparent {
    background-color: #A70133 !important;
    border: 1px #A70133 solid !important;
    background-image: none !important;
}

/*********************************/
/* Pour la partie Administration */
/*********************************/
#tabHeader {
    float: left;
    width: 100%;
    font-size: 93%;
    line-height: normal;
}

    #tabHeader ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #tabHeader li.actif {
        float: left;
        margin: 0;
        padding: 0;
        background: url(./img/tab/ongletOn_r.gif) no-repeat right top;
    }

        #tabHeader li.actif a {
            display: block;
            text-decoration: none;
            background: url(./img/tab/ongletOn_l.gif) no-repeat left top;
            padding: 5px 15px;
        }

    #tabHeader li.inactif {
        float: left;
        margin: 0;
        padding: 0;
        background: url(./img/tab/ongletOff_r.gif) no-repeat right top;
    }

        #tabHeader li.inactif a {
            display: block;
            text-decoration: none;
            background: url(./img/tab/ongletOff_l.gif) no-repeat left top;
            padding: 5px 15px;
        }

/*****************************************************/
/* Pour le scrolling de la page de commande de repas */
/*****************************************************/
/* root element for scrollable */
.scrollable {
    position: relative;
    overflow: hidden;
    /* vertical scrollables have typically larger height than width but not now */
    height: 665px;
    width: 700px;
}

    /* root element for scrollable items */
    .scrollable .items {
        position: absolute;
        /* this time we have very large space for the height */
        height: 100em;
    }

/* root element for scrollable */
.vertical {
    /* required settings */
    position: relative;
    overflow: hidden;
    /* vertical scrollers have typically larger height than width */
    height: 280px;
    width: 100%;
}

/* root element for scrollable items */
.items {
    position: absolute;
    /* this time we have very large space for height */
    height: 100em;
    margin: 0px;
}

/* single scrollable item */
.item {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
    padding: 15px;
    font-size: 12px;
    height: 180px;
}

    /* elements inside single item */
    .item img {
        float: left;
        margin-right: 20px;
        height: 180px;
        width: 240px;
    }

    .item h3 {
        margin: 0 0 5px 0;
        font-size: 16px;
        color: #456;
        font-weight: normal;
    }

.actions a {
    font-size: 11px;
    cursor: pointer;
    color: #666;
}

    .actions a:hover {
        text-decoration: underline;
        color: #000;
    }

.disabled {
    visibility: hidden;
}

/************************************************/
/* Pour le rest de la page de commande de repas */
/************************************************/
.prestationChoisie {
    background-image: url(./img/boutonChoisi.png);
    background-repeat: repeat-x;
    border: none;
    cursor: pointer;
}

.prestationNonChoisie {
    background-image: url(./img/boutonNonChoisi.png);
    background-repeat: repeat-x;
    border: none;
    cursor: pointer;
}

.enteteHaut {
    /*background-image: url(./img/enteteHaut.png);
    background-repeat: repeat-x;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    text-align: left;
    padding-left: 5px;*/


     background-image:url(./img/enteteHaut.png);
	background-repeat:repeat-x;
	font-size:11px;
	font-weight:bold;
	/*color:#FFF;*/
	text-align: left;
	padding-left: 10px;
    padding-right:10px;


}

.enteteHautTotal {
    background-image: url(./img/enteteHautTotal.png);
    background-repeat: repeat-x;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    padding-right:10px;
    color: #FFF;
}

.enteteBas {
    background-image: url(./img/enteteBas.png);
    background-repeat: repeat-x;
    font-size: 10px;
    padding-left: 10px;
    padding-right:10px;
    color: #000000;
    text-align: center;
}

.enteteBasHidden {
    background-image: url(./img/enteteBas.png);
    background-repeat: repeat-x;
    font-size: 10px;
    color: #000000;
    text-align: center;
    visibility: hidden;
}

.ligneJour {
    color: #333333;
    font-size: 11px;
}

.bordure {
    border-right: solid 1px black;
}

.effectifEditable {
    border: none;
    font-size: 12px;
    width: 30px;
    height: 20px;
    padding: 3px;
    background-image: url(./img/bg_input_total.png);
    background-repeat: no-repeat;
    background-color: transparent;
    text-align: right;
}

.effectifInfo {
    border: none;
    font-size: 12px;
    width: 25px;
    height: 20px;
    padding: 3px;
    background-color: transparent;
    text-align: right;
}

.ModInfo {
    border: none;
    font-size: 8px;
    width: 25px;
    height: 20px;
    padding: 3px;
    background-color: transparent;
    text-align: right;
}

.effectifNonValide {
    color: Red !important;
    font-weight: bold;
}

.colonneSeparation {
    background: #A70133;
}

/****************************************/
/* Style dans la demande d'intervention */
/****************************************/
.styleDdl select {
    font-size: 11px;
    color: #333333;
    border: none;
    background: url(./img/bg_select_ecole.png);
    width: 235px;
    height: 28px;
    padding: 6px;
}

.calendar input {
    background-color: transparent;
    background: url(./img/recap_bg_input_cal.jpg);
    background-repeat: no-repeat;
    border: medium none;
    height: 13px;
    width: 97px;
    padding: 5px;
}

.calendar label {
    float: left;
    width: 80px;
    text-align: left;
    padding-left: 5px;
}
/*********************************/
/* Pour le menu provenant de BQR */
/*********************************/
.menuBqr {
    float: left;
    width: 188px;
    height: 250px;
    background-image: url(./img/celluleMenu.png);
}

.menuBqrJour {
    font-weight: bold;
    width: 190px;
    text-align: center;
    height: 30px;
    float: left;
    padding-top: 7px;
}

.menuBqrMenu {
    width: 190px;
    text-align: left;
    height: 20px;
    float: left;
    padding-left: 5px;
}

.menuBqrEsp {
    float: left;
    width: 5px;
    height: 200px;
    background-color: transparent !important;
}

/******************************/
/* Pour la fiche d'évaluation */
/******************************/
.ficheEval {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

    .ficheEval tr#date td {
        text-align: left;
        border-top: solid 1px grey;
        border-left: solid 1px grey;
        border-right: solid 1px grey;
        background-color: #dddddd;
        background-image: url(./img/patternHeaderTable.gif);
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        font-weight: bold;
    }

    .ficheEval tr#date th {
        text-align: center;
    }

    .ficheEval td {
        padding: 5px;
        border: solid 1px grey;
        text-align: left;
    }


/*****************************************/
/* Style pour une DIV modal sur l'accueil */
/*****************************************/
.modalPage {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.modalBackground {
    filter: Alpha(Opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px;
    left: 0px;
}

.modalContainer {
    position: absolute;
    width: 300px;
    left: 50%;
    top: 50%;
    z-index: 750;
}

.modal {
    background-color: white;
    border: solid 1px black;
    position: relative;
    top: -150px;
    left: -150px;
    z-index: 1000;
    width: 300px;
    height: 300px;
    padding: 0px;
}

.modalTop {
    font-weight: bold;
    text-align: center;
    width: 292px;
    background-color: #D9005B;
    padding: 4px;
    color: #ffffff;
}

    .modalTop a, .modalTop a:visited {
        color: #ffffff;
    }

.modalBody {
    padding: 10px;
}



/*************************************************/
/* Style pour les messages d'erreur, d'info .... */
/*************************************************/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(./img/msg/info.png);
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url(./img/msg/success.png);
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(./img/msg/warning.png);
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(./img/msg/error.png);
}

.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url(./img/msg/validation.png);
}

/**********************************************************************/
/* Style pour le champ de recherche dans les épiceries et inventaires */
/**********************************************************************/
.wrapper {
    border: 1px solid #000;
    display: inline-block;
    height: 26px;
    /*margin: 4px 32px 4px 0px;*/
      margin: 4px 64px 4px 0px;
    float: right;
}

    .wrapper input,
    .wrapper img {
        border: 0;
        margin: 0;
        vertical-align: middle;
        height: 24px;
    }

.rechercherArticle {
    width: 26px;
    background-repeat: no-repeat;
}

    .rechercherArticle:hover {
        width: 26px;
        background-repeat: no-repeat;
        cursor: pointer;
    }


**********************************************************************/
/* Style pour les Grid et bouton : fait par Zakaria */
/**********************************************************************/
.GridV2Pager a, .GridV2Pager span {
    display: block;
    height: 15px;
    width: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.GridV2Pager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 0px solid #969696;
}

.GridV2Pager span {
    background-color: #A1DCF2;
    color: #000;
    border: 0px solid #3AC0F2;
}

.button-standard {
    text-decoration: none;
    cursor: pointer;
    height: 30px;
    font-family: "Helvetica Neue",helvetica,sans-serif;
    font-weight: bold;
    color: white;
    font-size: 16px;
    padding: 0px 24px;
    border-radius: 4px;
    background-color: rgb(0, 143, 213);
    box-shadow: 0px 1px 2px rgb(81, 184, 228) inset;
    text-shadow: 0px 1px 1px rgb(1, 72, 117);
    border: 1px solid rgb(22, 71, 88);
}

    .button-standard:hover {
        color: yellow;
    }

.GridV2, .GridV2 th, .GridV2 td {
    border: 1px solid #008ed5;
}

.GridV2 {
    width: 100%;
}

/*COMBOBOX STYLE*/
.SelectPerso {
    height: 25px;
}

    .SelectPerso option {
        background-color: white;
    }

        .SelectPerso option:hover {
            background-color: skyblue;
            color: white;
        }


.LabelPers {
    font-size: 14px;
    color: midnightblue;
    width: 200px;
}