body
{font-family:Arial;/*font-size:12px;*/margin:0;padding:0
}
textarea{font-family:Arial;font-size:12px;}
.TRAIT{position:absolute;overflow:hidden;}
.HORIZ{border-top:2px solid #5282C3}
.VERTI{border-left:2px solid #5282C3}

a{text-decoration:none;color:#15428b}
a:hover{text-decoration:underline}

td{vertical-align:top}
.Confirm{color:green;display:block;padding:10px;border:1px green solid; background:lightgreen}
/*.Erreur{color:red;display:block;padding:10px;border:1px red solid;background:pink}*/

.BtnOK{color:green}
.BtnKO{color:red}
.Btn{color:#15428B}
.BtnAdd{color:#407040;padding-left:12px; background:url(./images/bgBtnPlus.png) no-repeat;background-position:0 3px}
.BtnRech{color:#304880;padding-left:20px; background:url(./images/bgBtnRecherche.png) no-repeat;background-position:0 0px}
.BtnPDF{ color:#222;padding-left:18px; background:url(./Images/bgBtnPdf.png) no-repeat }
* html .BtnAdd{background:url(./images/bgBtnPlus.gif) no-repeat;background-position:0 3px}
* html .BtnRech{background:url(./images/bgBtnRecherche.gif) no-repeat;background-position:0 0px}
* html .BtnPDF{background:url(./Images/bgBtnPdf.gif) no-repeat }

.Login{border:1px #5282C3 solid;padding:5px;font-weight:bold;color:#333;background:#D8E3F2;position:absolute;top:30%;left:30%}
.Login input{width:200px}
.Login img {padding-left:50px}
.Login td {vertical-align:middle }
.Login a {text-align:center;display:block;padding:10px 0 10px 0}
.Login h3{text-align:center; }
.ColonneMenu{width:200px;background:url(./images/bgColonneMenu.png) repeat;}
.Logo{display:block;width:180px;height:72px;margin:10px;background:url(./images/logosede.png)}
.ColonneMenu a {margin:10px}
.ColonneMenu h3{padding-top:6px;padding-left:10px;font-size:14px;color:#15428B;background:url(./images/bgH3menu.png);height:22px}
.FilAriane{position:relative;height:21px;font-weight:bold;color:gray;background:url(./images/bgFilAriane.png) repeat-x;border-top:1px #6593CF solid;border-bottom:1px #6593CF solid;padding:5px 0 0 5px }
.MainContent{padding:10px;/*background:#fff*/ /*E3EFFF*/;}

body
{
    /*background:#f7f7f9*/ 
}
* html .ColonneMenu h3{background:url(./images/bgH3menu.gif);}

.Titre{font-weight:bold}
.OK{color:green}
.KO{color:red}

.Tools{border:1px #5282C3 solid;margin:0 0 5px 0;background:#D8E3F2;font-weight:bold;color:#333;padding:5px}
.Tools .Right{border-right:1px #5282C3 solid;float:left;padding:0 5px 0 0;margin:0 5px 0 0}
.Tools .Title{padding-left:5px;padding-top:2px;background:url(./Images/bgHeaderTools.png);height:20px;color:#15428B}

.BtnPrecedent{display:block;float:left;width:24px;height:24px;background:url(./Images/flechePrecedent.png)}
.BtnSuivant{display:block;float:left;width:24px;height:24px;background:url(./Images/flecheSuivant.png)}

#divContainerMois{position:relative;/*width:1012px;*/min-width:1030px;height:auto;overflow:visible }
#divContainerUtilisateur{position:relative;width:1012px; height:auto;}

.ContainerMois {/*border-right:1px #5282C3 solid;*/ /*width:1012px;*/min-width:1030px;position:relative;overflow:hidden;}
.ContainerMois .Jour, .User .Jour{cursor:pointer;display:block; float:left;width:136px;position:relative;height:111px;background:url(./Images/FondJourMois.png);}
.ContainerMois .JourActif, .User .JourActif{cursor:pointer;display:block; float:left;width:136px;position:relative;height:111px;background:url(./Images/FondJourActifMois.png);}
.NumJour{font-weight:bold;padding-left:3px;padding-top:3px;}
.Jour .cAFF{margin:3px;}
.HeaderJour{float:left;width:136px;position:relative;/*height:17px;background:url(./Images/bgHeaderJour.png);*/text-align:center;color:#6593CF;overflow:hidden;font-weight:bold}
.HeaderEnTeteLigne{float:left;width:60px;text-align:center;/*background:#E3EFFF;*/height:17px;overflow:hidden;}
/*.EnTeteLigne{float:left;width:60px;height:86px;text-align:center;padding-top:25px;background:url(./images/bgHeaderSemaine.png);overflow:hidden;}*/
.EnTeteLigne
{
 background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #6593cf;
    border-radius: 3px 0 0 3px;
    float: left;
    font-size: 11px;
    height: 92px;
    margin-top: 19px; text-align: center;
    width: 60px;
}
* html .ContainerMois .Jour, .User .Jour{background:url(./Images/FondJourMois.gif);}
* html .ContainerMois .JourActif, .User .JourActif{background:url(./Images/FondJourActifMois.gif);}


.BtnCopier{background:url(./images/bgBtnCopie.png) no-repeat;float:left;margin:auto;width:22px;height:18px;margin-left:6px}
.BtnSemaine{background:url(./images/bgBtnSemaine.gif) no-repeat;float:left;margin:auto;width:22px;height:18px;margin-left:5px}
.Aff{height:19px;text-align:left;overflow:hidden}
.Aff .Droit{float:left;width:5px;height:19px;background:url(./Images/droitValide.png);}
.Aff .Gauche{float:left;width:5px;height:19px;background:url(./Images/gaucheValide.png);}
.Aff .Content{float:left;width:100px;height:19px;overflow:hidden;background:url(./Images/fondValide.png);}
.Conge, .CongeTemp, .CongeRefus{height:19px;text-align:left;overflow:hidden;padding-top:1px}
.Conge .Droit, .CongeTemp .Droit, .CongeRefus .Droit{float:left;width:5px;height:19px;background:url(./Images/droitConge.png);}
.Conge .Gauche, .CongeTemp .Gauche, .CongeRefus .Gauche{float:left;width:5px;height:19px;background:url(./Images/gaucheConge.png);}
.Conge .Content{float:left;width:100px;height:19px;overflow:hidden;background:url(./Images/fondCongeValide.png);}
.CongeTemp .Content{float:left;width:100px;height:19px;overflow:hidden;background:url(./Images/fondCongeTemp.png);}
.CongeRefus .Content{float:left;width:100px;height:19px;overflow:hidden;background:url(./Images/fondCongeRefus.png);}
* html .BtnCopier{background:url(./images/bgBtnCopie.gif) no-repeat;}

.Tr, .Cg, .CgT, .CgR, .CgA {display:block;overflow:hidden;width:130px;position:absolute;left:3px } 
.Tr{background:url(./Images/BgAff.png) no-repeat;border-bottom:1px solid #5F6E93}
.Cg{background:url(./Images/BgCg.png) no-repeat;border-bottom:1px solid #5F8C57}
.CgT{background:url(./Images/BgCgT.png) no-repeat;border-bottom:1px solid #5F8C57}
.CgR{background:url(./Images/BgCgR.png) no-repeat;border-bottom:1px solid #5F8C57}
/*
.T0{top:23px}
.T1{top:33px}
.T2{top:43px}
.T3{top:53px}
.T4{top:63px}
.T5{top:73px}
.T6{top:83px}
.T7{top:93px}
*/
.T0{top:23px}
.T1{top:43px}
.T2{top:63px}
.T3{top:83px}

.S1_{height:80px}
.S_875{height:70px}
.S_75{height:60px}
.S_625{height:50px}
.S_5{height:40px}
.S_375{height:30px}
.S_25{height:20px}
.S_125{height:10px}

#ContainerTrait{position:absolute;top:0px;left:0px}
#DivPopUpJour, #popUpCongesRapide{border:1px #5282C3 solid;background:white;padding:5px;position:absolute; box-shadow:0 0 5px #777}
#DivPopUpJour #Journee{width:250px;height:400px;float:left;background:url(./Images/FondJournee.jpg);border:2px #5E8CC8 solid; border-radius:3px}
#DivPopUpJour .Header, #popUpCongesRapide .Header{position:relative;background:url(./images/fondHeaderPopUpJour.png);height:17px;border:1px #5282C3 solid;color:#333;text-align:center;font-weight:bold;margin-bottom:5px}
#DivPopUpJour .Header a.BtnKO, #popUpCongesRapide .Header a.BtnKO{position:absolute;right:3px;font-weight:bold}
#popUpCongesRapide .Header div{width:390px}
#popUpCongesRapide{width:400px}
.WeekEnd{background-color:#EEEEEE}

#FormTempsPlannifie{/*width:200px;*//*border:2px #5E8CC8 solid;*/padding:5px;height:390px;position:absolute;right:5px}
.Solid{border:1px gray solid}
#FormTempsPlannifie a {display:block;text-align:center}

#divSwitchBar{float:left;width:25px;height:26px;border-right:1px #6593CF solid; background:url(./Images/BgBtnCloseBar.png) no-repeat; cursor:pointer;position:absolute;top:0px;left:0px}
#divSwitchBar.Open{background:url(./Images/BgBtnOpenBar.png) no-repeat;}
#contenuFilAriane{position:relative;left:30px;float:left}
#Journee{position:relative }
.GripHeader{height:10px;background:url(./Images/bgHeaderTempsPlanifieJournee.gif) no-repeat;cursor:move;overflow:hidden;}
.GripFooter{height:10px;background:url(./Images/bgFooterTempsPlanifieJournee.gif) no-repeat;position:absolute;bottom:0px;width:240px;cursor:n-resize;overflow:hidden;}
.Content{padding:5px 10px 5px 10px;cursor:pointer }
.TempsPlanifie{position:absolute;width:240px;left:5px;background:url(./Images/fondTempsPlanifieJournee.png)}
.TempsPlanifieTemp{position:absolute;width:240px;left:5px;background:url(./Images/fondTempsPlanifieJourneeTemp.png)}
.TempsPlanifieConge{position:absolute;width:240px;left:5px;background:url(./Images/fondTempsPlanifieJourneeConge.png)}
.TempsPlanifieCongeTemp{position:absolute;width:240px;left:5px;background:url(./Images/fondTempsPlanifieJourneeCongeTemp.png)}
.TempsPlanifieCongeRefus{position:absolute;width:240px;left:5px;background:url(./Images/fondTempsPlanifieJourneeCongeRefus.png)}
.NewTempsPlanifie{background:url(./Images/fondTempsNouveau.png);position:absolute;width:240px;left:5px}
* html .GripHeader{background:url(./Images/bgHeaderTempsPlanifieJournee.gif) no-repeat;}
* html .GripFooter{background:url(./Images/bgFooterTempsPlanifieJournee.gif) no-repeat;}
* html .TempsPlanifie{background:url(./Images/fondTempsPlanifieJournee.gif)}
* html .TempsPlanifieTemp{background:url(./Images/fondTempsPlanifieJourneeTemp.gif)}
* html .TempsPlanifieConge{background:url(./Images/fondTempsPlanifieJourneeConge.gif)}
* html .TempsPlanifieCongeTemp{background:url(./Images/fondTempsPlanifieJourneeCongeTemp.gif)}
* html .TempsPlanifieCongeRefus{background:url(./Images/fondTempsPlanifieJourneeCongeRefus.gif)}

.TabAdmin{width:100%;border:2px #6593CF solid}
.TabAdmin tr td{padding:3px }
.TabAdmin .Header td{ background:url(./Images/bgHeaderTab.png); color:black}
.TabAdmin .Footer td{font-weight:bold;color:Gray;text-align:center }
.TabAdmin td{background:white; border-bottom:1px #E3EFFF solid;border-left:1px #E3EFFF solid}
.TabAdmin .L_0{}
.TabAdmin .L_1{}

.TabCRA {border-top:1px #6593CF solid;border-left:1px #6593CF solid;border-right:1px #6593CF solid}
.TabCRA tr.Header td{ background:url(./Images/bgHeaderTab.png); color:black;height:18px}
.TabCRA tr.Header td.Sel{ font-weight:bold;text-decoration:underline }
.TabCRA tr.Header td.head1{text-align:center;width:120px}
.TabCRA tr.Header td.head3{}
.TabCRA tr td{width:25px;text-align:center;border-bottom:1px #6593CF solid; background:white }
.TabCRA tr td.ts{border-left:1px dotted gray}
.TabCRA tr td select {width:60px;}
.TabCRA tr td {height:25px;vertical-align:middle }
.TabCRA tr td.qua{border-left:1px #91C0FF solid}
.TabCRA tr td.do{width:120px}
.TabCRA tr td.quaSel{border-left:1px #91C0FF solid;font-weight:bold;text-decoration:underline}
.TabCRA tr td.doSel{width:120px;font-weight:bold;text-decoration:underline}
.TabCRA tr td.tf{border-left:1px solid #6593CF}
.TabCRA tfoot tr td.tfh{text-align:right }
.TabCRA tfoot tr td{border-top:1px #6593CF solid;}
.TabCRA tr td.totalEleve{color:red;font-weight:bold}
#WARN_WRM{position:absolute;right:0px}
/*.LibelleUser{display:block;height:65px;overflow:hidden;border-bottom:1px solid #5282C3;color:black}*/
#pHead {padding-top:5px }

.TabEdit{}
.TabEdit tr td {text-align:left;vertical-align:middle;padding:3px}
.TabEdit tr td.Label {text-align:left;font-weight:bold}

h2{font-size:16px;color:#15428B;text-decoration:underline}

.BtnImgCalendar{}

.content{position:relative }

.bootstrap-datetimepicker-widget td:hover {
    background-color: #f5f5f5;
    cursor: pointer
}

.bootstrap-datetimepicker-widget td {
    border: 5px white solid;
    text-align: center;
}