/* ------ Reset  ------*/
body, div, dl, dt, dd, p, ul, ol, li, h1, h2, h3, h4, h5, pre; form, block {
    padding: 0;
    margin: 0;
}

body {
    background-color: rgb(237, 237, 237);
    font-family: Arial, Helvetica,sans-serif;
    font-size: 12px;
}

/*Page*/
.wrapper {
    width: auto;
    margin: auto;
}

/* home Page*/
.content {
    width: 100%;
    background-color: rgb(254, 254, 254);
    border: 1px solid rgb(224, 224, 224);
    border-radius: 5px 5px 5px 5px;
    float: left;
    margin-top: 8px;
    margin-bottom: 8px;
    min-height: 400px;
}


.menu {
    background-color: rgb(10, 110, 178);
    width: 100%;
    margin: 0px 0px 10px;
    padding: 0px;
    height: 40px;
    color: rgb(243, 243, 243);
    border-radius: 5px 5px 5px 5px;
}


.navigation_first_item {
    border-left: 0px;
    border-radius: 5px 0 0 5px;
}


.menu ul {
}

    .menu ul li {
        float: left;
        display: block;
        list-style: none;
        border-right: 1px solid rgb(10, 85, 125);
        border-left: 1px solid rgb(67, 153, 200);
    }

        .menu ul li.navigation_fist_item:hover {
            border-radius: 5px 0 0 5px;
        }

        .menu ul li a {
            font-size: 12px;
            font-weight: bold;
            line-height: 40px;
            padding: 8px 20px;
            color: rgb(255, 255, 255);
            text-decoration: none;
        }

        .menu ul li:hover {
            background-color: rgb(14, 79, 114);
            border-right: 1px solid rgb(14, 89, 130);
        }


.clear {
    clear: both;
}

.footer {
    height: 50px;
    background-color: rgb(10, 110, 178);
    color: rgb(255, 255, 255);
    border-radius: 5px 0 0 5px;
}

    .footer h2 {
        padding: 15px;
        text-align: center;
    }

table {
    border: 2px solid #4c4d4d;
    border-collapse: collapse;
    width: 100%;
    margin: auto;
}

.tableAuto {
    border: 2px solid #4c4d4d;
    border-collapse: collapse;
    width: auto;
    margin: auto;
}


.tableUc {
    border: none;
    border-collapse: collapse;
    width: 100%;
    margin: auto;
}


.tableMaladie {
    border: none;
    border-collapse: collapse;
    width: auto;
    margin: auto;
}


.tdMaladie {
    padding: 5px;
     white-space:nowrap;
   text-align:right;
   border:none;
   
}

.tdMaladieCol2 {
    padding: 5px;
     white-space:nowrap;
   text-align:left;
   border:none;
   
}



.trMaladie {
    padding: 3px;
     white-space:nowrap;
   text-align:left;
    border: none;
   
}


td {
    padding: 1px;
     white-space:nowrap;
   text-align:center;
    border: 1px solid #4c4d4d;
   
}

tr {
    padding: 1px;
     white-space:nowrap;
   text-align:center;
    border: 1px solid #4c4d4d;
   
}

.trUc {
    padding: 1px;
     white-space:nowrap;
   text-align:center;
    border:none;
   
}



.trUcEntete {
    padding: 1px;
     white-space:nowrap;
   text-align:center;
  
    border:none;
   border-bottom:1px solid #4c4d4d;
   
}


.tduC {
    padding: 1px;
     white-space:nowrap;
   text-align:center;
   border:none;
    border-right:  1px solid #4c4d4d;
   
}


.tdnoBorder {
    padding: 1px;
     white-space:nowrap;
   text-align:center;
   border:none;
   
   
}




  H1 {
    height: 30px;
    background-color: rgb(10, 110, 178);
    color: rgb(255, 255, 255);
    border-radius: 5px 0 0 5px;
    padding: 5px;
    text-align: center;
    font-size:large;
font-weight: bold;
}

  H2 {
    height: 20px;
    /*background-color: rgb(204, 255, 255);*/
    color: rgb(0, 0, 0);
    /*border-radius: 5px 0 0 5px;*/
    padding: 0px;
    text-align: center;
    font-size:medium;
font-weight: bold;
}

  .H2Tab {
    height: auto;
    /*background-color: rgb(204, 255, 255);*/
    color: rgb(0, 0, 0);
    /*border-radius: 5px 0 0 5px;*/
    padding: 0px;
    font-size:medium;
font-weight: bold;
}


         
.ControleSaisi { 
    border: 1px #FFA5A5; 
    outline:0; 
    height:22px; 
  color:white;
  /*background:#4c4d4d;*/

   /*background: rgb(10, 110, 178);*/
    
   background: rgb(0, 0, 100);

 font-weight:bold; font-family:  Arial; font-size:medium;
  } 

.ControleSaisiOptionnel { 
    border: 1px #FFA5A5; 
    outline:0; 
    height:22px; 
  color:white;
  /*background:#4c4d4d;*/

 //  background: rgb(0, 0, 255);
background: rgb(0, 0, 255);

 font-weight:bold; font-family:  Arial; font-size:medium;
  } 


.ControleSaisiSalaireLeft { 
    border: 1px #FFA5A5; 
    outline:0; 
    color:white;
  /*background:#4c4d4d;*/

   background: rgb(0, 0, 100);


 font-weight:bold; 
 font-family:  Arial; 
 font-size:small;
  text-align:left;
  margin: 2px 2px 2px 2px;
   resize: none;
   height:20px;
  } 

.ControleSaisiSalaireLeftOptionnel{ 
    border: 1px #FFA5A5; 
    outline:0; 
    color:white;
  /*background:#4c4d4d;*/

    background: rgb(0, 0, 255);

 font-weight:bold; 
 font-family:  Arial; 
 font-size:small;
  text-align:left;
  margin: 2px 2px 2px 2px;
   resize: none;
   } 


.ControleSaisiSalaireRight{ 
   border: 1px #FFA5A5; 
   outline:0; 
   color:white;
  /*background:#4c4d4d;*/

   background: rgb(0, 0, 100);

  font-weight:bold; 
  font-family:  Arial; 
  font-size:small;
  text-align:right;
  margin: 2px 2px 2px 2px;
   resize: none;
  } 

.ControleSaisiSalaireRightOptionnel{ 
   border: 1px #FFA5A5; 
   outline:0; 
   color:white;
  /*background:#4c4d4d;*/

   background: rgb(0, 0, 255);

  font-weight:bold; 
  font-family:  Arial; 
  font-size:small;
  text-align:right;
  margin: 2px 2px 2px 2px;
   resize: none;
  } 



.ControleSaisiListe { 
    border: 1px #FFA5A5; 
    outline:0; 
    color:white;
  /*background:#4c4d4d;*/

   background: rgb(0, 0, 100);

 font-weight:bold; font-family:  Arial; font-size:medium;
    margin-left: 1px;
} 

.ControleSaisiListeMini { 
    border: 1px #FFA5A5; 
    outline:0; 
    color:white;
  /*background:#4c4d4d;*/

   background: rgb(0, 0, 100);

 font-weight:normal; font-family:  Arial; font-size:small;
    margin-left: 1px;
} 



.button {

            font-size: 14px;

            font-weight: bold;

            font-family:  Arial;

            color: #000000;

            min-width: 193px;

       white-space: nowrap;   

       cursor: pointer;  

       outline: 0 none;

       padding: 0 2px 2px;

       margin-left: 4px;
}



  /*le calendrier*/
  

.myCalendar {  
    background-color: #f2f2f2;  
    width: 156px;  
    border:10px solid #4c4d4d !important;
    border-top:0px !important;}  
    .myCalendar a {  
    text-decoration: none;  }  
.myCalendar .myCalendarTitle {  
    font-weight: bold;  
    height:40px;line-height:40px;
    background-color:#4CCAEF;
    color:#ffffff;
}  
.myCalendar th.myCalendarDayHeader  
{
    height:25px;
    border-bottom: outset 2px #fbfbfb; 
    border-right: outset 2px #fbfbfb; 
}
.myCalendar td.myCalendarDay {  
    border: outset 2px #fbfbfb;
}  
  .myCalendar td.myCalendarDay:nth-child(7) a{color:#c52e2e !important;}
.myCalendar .myCalendarNextPrev {  
    text-align: center;  
}  

.myCalendar .myCalendarNextPrev a  {font-size:1px;}
.myCalendar .myCalendarNextPrev:nth-child(1) a{color:#4CCAEF!important;background:url("prevMonth.png") no-repeat center center;}
.myCalendar .myCalendarNextPrev:nth-child(1) a:hover,.myCalendar .myCalendarNextPrev:nth-child(3) a:hover{background-color:transparent;}
.myCalendar .myCalendarNextPrev:nth-child(3) a{color:#4CCAEF!important;background:url("nextMonth.png") no-repeat center center;}
.myCalendar td.myCalendarSelector a {  
    background-color: #25bae5;  
}  

.myCalendar .myCalendarDayHeader a,
.myCalendar .myCalendarDay a,   
.myCalendar .myCalendarSelector a,  
.myCalendar .myCalendarNextPrev a {  
    display: block;  
    line-height: 20px;  
}  
.myCalendar .myCalendarToday{  background-color: #f2f2f2; -webkit-box-shadow: 0 0 7px 3px #e5e5e5;
box-shadow: 0 0 7px 3px #e5e5e5;}
.myCalendar .myCalendarToday a{color:#25bae5 !important;}
.myCalendar .myCalendarDay a:hover,   
.myCalendar .myCalendarSelector a:hover {  
    background-color: #25bae5;  
}