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

table { border-collapse:collapse; }
td { padding:0px; }
th { text-align:center; }

img { border:0px; }
form {padding:0px; margin:0px; }
body { background:#dfe8ff; }

.table1 { background:#f7f7f7; font-size:12px; font-family:Arial; }
.table1 td { padding-right:1px; border: 1px solid #6f6f6f; }

.table2 { width:100%; background:#f7f7f7; }
.table2 th { padding: 3px; border: 2px groove; background:#dfdfdf; }
.table2 td { padding: 3px; border: 2px groove; }

.table3 td { padding: 3px; border: none;}
/* ************************************************************************* */
input[type="submit"] {
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    margin: 0;
    min-width: 110px;
    outline: 0 none;
    overflow: visible;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s ease 0s;
    vertical-align: middle;
    background-color:#0932C6;
    color:#fff;
}
input[type="submit"]:hover,,#form_ajout_resa button:hover{    background-color:#0C40FC;
}
.logo {
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.load {
    display: block;
    margin: 0 auto;
    padding-top: 10%;
}
html, body, #content, #main, .cal {height: 100%; margin:0;}
img.open {
    float: left;
    margin-right: 10px;
    cursor: pointer;
    z-index: 99;
}
.cal{position: relative; margin-left: 10px}
.cal div{position: absolute}
#title{
	font-size:24px; 
	left: 30px;
}
/* week */
.h{
	font-size:12px;
	width:30px;
}
.st{
	font-size:8px;
	background:blue;
}
/* calendar */
#if_jour {
    display: block;
    height: 75px;
    position: relative;
margin-left: 35px;
}
.wbook{cursor: pointer}
.calen{overflow: scroll;
/*min-width: 500px;
min-height: 1980px}*/
}
.j{
	width:50px;
	text-align:center;
}
.lj{cursor: pointer;
	background: #efefef;
}
.jf{
	background: #dfe8ff;
}
.mois{font-size:13px; font-weight:bold; width:150px; padding:2px}

.msg {
    background: green none repeat scroll 0 0;
    color: #fff;
    display: block;
    margin: 10px 10px 0 35px;
    padding: 10px 0;
    text-align: center;
}
.msg.red{background-color: red}
.in > div#title_ {
}
/* day */
.info {
    background: #ffffcc none repeat scroll 0 0;
    border: 1px ridge;
    color: #000000;
    font-size: 12px;
    padding: 0 5px;
  	left:5%;
    width: 90%;
    position: absolute;
    visibility:hidden;
}
.free_step {
    display: block;
    float: left;
    height: 30px;
    margin-left: 10px;
    width: 50px;
    background-color:#FFCC66;
    cursor:pointer;
}
.booked_step {
	background-color:#ff0000;
}
.h {
    clear: left;
    display: block;
    float: left;
    height: 30px;
}
.col{float: left; margin: 10px 10px 0 0}
/* disponibilités */
.dispo {
    background: #fff none repeat scroll 0 0;
    display: block;
    float: left;
    margin: 10px 1%;
    min-height: 90px;
    padding: 0 0 10px;
    text-align: center;
    width: 48%;
}
.dispo h2 {
    display: inline-block;
    font-size: 18px;
    width: 100%;
}
.dispo button {
        display: inline-block;

}
.clear {
    height: 1px;
    width: 100%;
}
/* book */
#form_ajout_resa hr {
    float: left;
    width: 100%;
}
#form_ajout_resa .name {
    float: right;
    padding: 6px 0 0;
    text-align: right;
    width: 20%;
    font-size: 10px;
}
#form_ajout_resa h2 {
    float: left;
    margin: 0;
    padding: 0;
    width: 80%;
    font-size: 19px;
}
#form_ajout_resa label {
    font-weight: bold;
}
input#validated {
    margin-left: 20px;
}
#form_ajout_resa .row {
    margin-bottom: 10px;
    text-align: center;
}
.d50 {
    text-align: center;
}
.d50 label {
    display: inline-block;
    min-width: 60px;
    text-align: right;
}




/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;

  transform: translate3d(0, 0, 0);

  color: #2b2e38;
  background: #dfe8ff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */
a.white{color:#fff; z-index: 50}
.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    transform: none;

    opacity: 1;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);

    opacity: 1;
  }
  to {
    transform: scale(0.95);

    opacity: 0;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}