body{ margin:0;padding:0;}
button#btn{ height:28px;color:#505050;font-weight:bold;font-size:11px;letter-spacing:0.5px;padding:0 10px;margin:0 0 10px 0;cursor:pointer;background:#f1f1f1 url(../images/bouton_bg_2.1.1.png) 0 0 repeat-x;border:1px #d9d9d9 solid;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; }
button#btn:hover{ border:1px #c6c6c6 solid;box-shadow:1px 2px 0px #efefef;-moz-box-shadow:1px 2px 0px #efefef;-webkit-box-shadow:1px 2px 0px #efefef;-khtml-box-shadow:1px 2px 0px #efefef;-ms-box-shadow:1px 2px 0px #efefef;-o-box-shadow:1px 2px 0px #efefef; }
button#btn.disabled{ color:#a0a0a0;cursor:default;background:#f1f1f1 url(../images/bouton_bg_2.1.1.png) 0 0 repeat-x;border:2px #c9c9c9 solid;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; }
button#btn.disabled:hover{  }
button#btn.no-boxshadow:hover{ border:1px #c6c6c6 solid;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-khtml-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none; }
button#btn.img{ padding:2px 10px 0 24px;}
button#btn.img img{ margin:-4px 0 0 -21px; }
button#btn.img span{ line-height:20px;margin:-6px 0; }

/********** CSS SPEC **********/

#agenda #title span, #compuls{ color:#808080; }
#agenda span#compuls{ margin-bottom:5px;font-size:13px;text-align:right; }
#agenda #nav{ margin:0;padding:0; }
#agenda #nav.retour{  }
#agenda #nav.suivant{  }
#agenda #nav img{ border:none; }
#agenda .table{ margin-bottom: 0; }
#agenda .pages td{ border-color:#dedede;padding: 0; }
#agenda .pages th{ text-align:center; }
#agenda .pages th#jourTitre{ width:16%;text-transform:capitalize; }
#agenda .pages th#jourTitre.disabled{ color:#a0a0a0; }
#agenda .pages th#heureTitre{  }
#agenda .pages td#heurePlage{ text-align:center;vertical-align:middle;height:30px; }
#agenda .pages td#heurePlage a{ position: relative;display: block;height: 100%;width: 100%; }
#agenda .pages td#heurePlage a.horaire-select-disabled:hover{ cursor: not-allowed; }
#agenda .pages td#heurePlage a .icon{ position: absolute;top: 50%;left: 50%;height: 30px;width: 36px;margin-top: -15px;margin-left: -18px; }
#agenda .pages td#heurePlage a .icon i.fa-times{ color: rgba(161, 9, 9, 0.3); }
#agenda .pages td#heurePlage a .icon i.fa-check{ color: #137221;opacity: 0; }
#agenda .pages td#heurePlage a:hover .icon i.fa-check{ opacity: 0.4; }
#agenda .pages td#heurePlage a.selected .icon i.fa-check{ opacity: 1; }
#agenda .pages td#heurePlage #plageHoraire{ height:100%;width:100%;margin:0;padding:0;cursor:pointer;background-color:#fff; }
#agenda .pages td#heurePlage #plageHoraire:hover{ background-color:#c6ee99; }
#agenda .pages td#heurePlage #plageHoraire.disabled{ cursor:default;background-color:#ebebeb; }
#agenda #civilites{ width:98%;margin:0 1%;margin-top:0px;border:none;font-size:13px; }
#agenda #civilites td{ text-align:left;height:40px;vertical-align:middle; }
#agenda #civilites td #linkSet{ display:inline;margin:0 5px;}
#agenda #civilites td #linkSet a{ margin:0 1px;color:#909090;text-decoration:underline;text-transform:lowercase; }
#agenda #civilites td #linkSet a:hover{ color:#707070;}
#agenda #civilites td label{ width:100px;line-height:20px;text-align:right;margin-right:10px;font-weight:bold;font-size:12px;text-transform:capitalize; }
#agenda #civilites td label[for=accept]{ width:500px;text-align:left;text-transform:none; }
#agenda #civilites td input, #agenda #civilites td select{ width:150px;text-align:left; }
#agenda #civilites #buttons td{ height:50px;text-align:center;vertical-align:bottom; }