body {
   background-color: #ffffff;
}

.body {
   background-color: #ffffff;
}

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

.menu_fond {
   background-color: #7fd57e}

.menu_inter {
   background-color: #ffffff;
}

.top {
   font-size: 11 px;
   font-weight: bold;
   color: #000000;
}

.amenu {
   font-size: 12 px;
   text-decoration: none;
   font-weight: bold;
   color: #193ee7;
   padding-left: 15 px;
   padding-right: 15 px;
}

.amenu:hover {
   font-size: 12 px;
   text-decoration: none;
   font-weight: bold;
   color: #ffffff;
   background-color: #2E9BC6;
   padding-left: 15 px;
   padding-right: 15 px;
}

.amenu_up {
   font-size: 12 px;
   text-decoration: none;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #2E9BC6;
   padding-left: 15 px;
   padding-right: 15 px;
}

.amenu_up:hover {
   font-size: 12 px;
   text-decoration: none;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #2E9BC6;
   padding-left: 15 px;
   padding-right: 15 px;
}

.smenu_fond {
   background-color: #F2F2F2;
}
.smenu_border {
   background-color: #2E9BC6;
}

.smenu_title {
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   font-size: 10px; 
   color: #2E9BC6;
}

.asmenu {
   font-size: 11 px;
   background-color: #F2F2F2;
}

.asmenu_hover {
   background-color: #c4ebc4;
}

.asmenu_up {
   background-color: #c4ebc4;
   font-weight: bold;
}

.bg_select {
   background-color: #CCCCCC;
}

.td_data1 {
   background-color: #E4E4E4;
   padding-left: 5 px;
   padding-right: 5 px;
}

.td_blank {
   background-color: #F6F6F6;
   padding-left: 5 px;
   padding-right: 5 px;
}

.td_data2 {
   background-color: #EFEFEF;
   padding-left: 5 px;
   padding-right: 5 px;
}

.td_data_over {
   background-color: #c4ebc4;
   padding-left: 5 px;
   padding-right: 5 px;
}

.td_data_select {
   background-color: #FAD2D2;
   padding-left: 5 px;
   padding-right: 5 px;
}

.td_title {
   background-color: #7fd57e;
   font-weight: bold;
   padding-left: 5 px;
   padding-right: 5 px;
}

.td_subtitle {
   background-color: #c4ebc4;
   font-weight: bold;
   padding-left: 5px;
   padding-right: 5px;
   padding-left: 5px;
   padding-right: 5px;
   border: 1px solid;
}

.table {
   background-color: #FFFFFF;
}

input {
   border-top-width: 1;
   border-bottom-width: 1;
   border-left-width: 1;
   border-right-width: 1;
   border-color: #000000;
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   font-size: 11px; 
   color: #000000;
}

input.button {
   font-weight: normal;
   color: #000000;
}

select {
   border:6px solid #DDDDDD;
   border-top-width: 1;
   border-bottom-width: 1;
   border-left-width: 1;
   border-right-width: 1;
   border-color: #000000;
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   font-size: 11px; 
   color: #000000;
}

textarea {
   border-top-width: 1;
   border-bottom-width: 1;
   border-left-width: 1;
   border-right-width: 1;
   border-color: #000000;
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   font-size: 11px; 
   color: #000000;
}

.titre {
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   font-size: 12px; 
   font-weight: bold; 
   color: #FF0000;
}

a {
   text-decoration: none;
   color: #0000FF
}

a:hover {
   text-decoration: none;
   color: red;
}

.upred {
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   font-size: 11px;
   color: #810F0F;
}

.smallgrey {
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   font-size: 10 px; 
   color: #999999;
   padding-left: 5 px;
   padding-right: 5 px;
}

.smallgreen {
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   font-size: 10px; 
   color: #007700;
}

.poucet {
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   font-size: 11px; 
   color: #000000;
}

.cal {
  font-size: 8pt;
  color: #000000;
  text-decoration: none;
}

#calendarInt th.td_subtitle {
   width: 400px !important;
}

#calendarInt .row {
    font-size:12px !important;
    background: transparent;
    padding-left:2px;
    padding-right:0px;
}

#calendarInt .dispo {
    color: #68a500;
}

#calendarInt .occupe {
    color: #007fff;
    cursor: default;
}

#calendarInt .creneau {
    font-size:14px !important;
    width: 80px;
}

#calendarInt .listInt {
    margin-top: 5px;
    margin-bottom: 0;
    list-style-type: disc;
    padding-left: 0px;
}

#calendarInt .listInt .item{
    max-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#calendarInt .listInt .item .hour{
    color: #ff0000;
}

#calendarInt .calendarCell {
    height:80px;
    width:135px;
    overflow-y:scroll;
}

@media screen and (min-width: 200px) and (max-width: 1280px) {
    #calendarInt .calendarCell {
        height:80px;
        width:135px;
        overflow-y:scroll;
    }
}

@media screen and (min-width: 1290px) and (max-width: 1920px) {
    #calendarInt .calendarCell {
        height:80px;
        width:180px;
        overflow-y:scroll;
    }
}