@charset "utf-8";
/* CSS Document */

ul {list-style-type: none;}
body {font-family: Verdana, sans-serif;}
#heure1 {color:gray;cursor:pointer;font-size:12px}
#heure2 {color:red;cursor:pointer;font-size:12px}
#heure3{color:lightgray;font-size:12px}

.cp { cursor:pointer}
.imt1 {width: 25px; margin: 0px; vertical-align: middle;-webkit-filter: drop-shadow(1px 1px 1px #7c7a7a);filter: drop-shadow(1px 1px 1px #7c7a7a);}
.imp1 {width: 20px; margin: 0px; vertical-align: middle;-webkit-filter: drop-shadow(1px 1px 1px #7c7a7a);filter: drop-shadow(1px 1px 1px #7c7a7a);}
.case1 {overflow:hidden;height:auto;padding: 0.6em;line-height:1.2;min-height:2em;min-width:85em}
.case2 {overflow:hidden;padding: 0.6em;line-height:1.2}
.boutpanpan1{float:right;top:10px;right:16px;position:absolute;}
.boutpanpan2{float:right;top:16px;right:16px;position:absolute;}

div#container {
	padding-left: 0%;
	width: 100%;
	position: relative;
	background-color: transparent;
	background-repeat: repeat;
	overflow: auto;
	min-height:58em;
}


/* Month header */
.month {
  padding: 20px 25px;
 
  background: #1abc9c;
  text-align: center;
}

/* Month list */
.month ul {
  margin: 0;
  padding: 0;
}

.month ul li {
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

/* Previous button inside month header */
.month .prev {
  float: left;
  padding-top: 10px;
}

/* Next button */
.month .next {
  float: right;
  padding-top: 10px;
}

/* Weekdays (Mon-Sun) */
.weekdays {
  margin: 0;
  padding: 10px 0;
  background-color:#ddd;
}

.weekdays li {
  display: inline-block;
  width: 13.6%;
  color: #666;
  text-align: center;
}

/* Days (1-31) */
.days {
  padding: 10px 0;
  background: #eee;
  margin: 0 0 3px 0;
}

.days li {
  list-style-type: none;
  display: inline-block;
  width: 13.6%;
  text-align: center;
  margin-bottom: 5px;
  font-size:12px;
  color: #777;
}

.res1{
	background-color: #abe2f4;
	border-color: #9e9e9e;
	border-style: solid;
	border-width: 1px;
	border-radius:0.3em;
	margin: 0 0 5px 0;
	font-size:14px;
	padding: 0.6em;
	line-height:1.2;
	overflow:hidden
}
.res2{
	background-color: white;
	border-color: #9e9e9e;
	border-style: solid;
	border-width: 1px;
	border-radius:0.3em;
	margin: 0 0 5px 0;
	font-size:14px;
	padding: 0.6em;
	line-height:1.2;
	overflow:hidden;
}
.res3{
	background-color: white;
	border-color: #9e9e9e;
	border-style: solid;
	border-width: 1px;
	border-radius:0.3em;
	margin: 0 0 5px 0;
	font-size:14px;
}
.res1 input{
	font-size:14px
	
}
.res2 input{
	font-size:14px
	
}
.res3 input{
	font-size:14px	
}

/* Highlight the "current" day */
.days li .active {
  padding: 5px;
  background: #1abc9c;
  color: white !important
}
.calendrierjour {
	width:50%;padding: 0 25% 0 25% ;float:left;max-width:600px
}
.calendrierheure {
	width:76%;padding: 0 12% 0 12% ;float:left;max-width:600px
}
.calendrierjour2 {
	width: 29%;
	padding: 0 0 0 6px;
	float: left;
	max-width: 500px;
}
.calendrierheure2 {
	width:76%;padding: 0 12% 0 12% ;float:left
}


.colonneheure {
width:25%;float:left
}
.listerdv {
width:92%;float:left;margin: 0 0 0 0.5em;
}

input[type="submit"], input[type="button"], .butlien, .butfixe {
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Trebuchet MS;
	font-size:15px;
	font-weight:bold;
	padding:4px 4px;
	text-decoration:none;
	box-shadow:none;
}
input[type="submit"].mobi, input[type="button"].mobi, .butlienmobi, .butfixemobi {
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Trebuchet MS;
	font-size:15px;
	font-weight:bold;
	padding:4px 4px;
	text-decoration:none;
	box-shadow:none;
}
input[type="submit"]:hover, input[type="button"]:hover {
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}


.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 55; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 68px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 29px;
  text-decoration: none;
  font-size: 21px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 33px;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.patron2droite {
	width: 41%;
	margin: 0.5em 1.1em;
	float: left;
	font-size: 13px;
}
.notifs {
	width:80%;
	margin: 0.2em 1em 0.1em 1.5em;
	
}


.float1 {
	float: left;
	width: 50%;
	/* margin: ; */
	display: none;
	z-index: 25;
	position: fixed;
	background: white;
	margin: 5% 25%;
	border-radius: 20px;
	overflow: auto;
	/*height: 60%;*/
	color: #444;
	border: 1px solid #0080FF;
	padding: 7px 10px 12px 10px;
	border-radius: 5px;
	top:0;
	max-width:700px
}
.float2 {
	float: left;
	width: 42%;
	/* margin: ; */
	display: none;
	z-index: 26;
	position: fixed;
	background: white;
	margin: 5% 25%;
	border-radius: 20px;
	overflow: auto;
	height: 60%;
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 4px;
	border-radius: 5px;
	top:0
}
.float3 {
	float: left;
	width: 42%;
	/* margin: ; */
	display: none;
	z-index: 26;
	position: fixed;
	background: white;
	margin: 5% 25%;
	border-radius: 20px;
	overflow: auto;
	height: 60%;
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 4px;
	border-radius: 5px;
	top:0
}
.fleche {
font-size:42px;color:black;font-weight:bold;font-family:georgia;text-decoration:none;vertical-align:middle;
padding: 0 1px 
	
}

@media only screen and (max-width: 931px) {
.float1 {
	float: left;
	width: 90%;	
	display: none;
	z-index: 25;
	position: fixed;
	background: white;
	margin: 0% 1%;
	border-radius: 20px;
	overflow: auto;
	/*height: 60%;*/	
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 10px;
	border-radius: 5px;
	top:50px
}
.float2 {
	float: left;
	width: 92%;	
	display: none;
	z-index: 26;
	position: fixed;
	background: white;
	margin: 0% 1%;
	border-radius: 20px;
	overflow: auto;
	height: 60%;	
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 10px;
	border-radius: 5px;
	top:50px
}
.float3 {
	float: left;
	width: 92%;	
	display: none;
	z-index: 26;
	position: fixed;
	background: white;
	margin: 0% 1%;
	border-radius: 20px;
	overflow: auto;
	height: 60%;	
	color: #444;
	border: 1px solid #0080FF;
	padding: 4px 4px 4px 10px;
	border-radius: 5px;
	top:50px
}	
	
	
.notifs {
width:96%;	
margin: 0.1em 1em 0.1em 0.5em;	
font-size:12px	
}		
	
.calendrierjour {
	width:92%;padding:0 4% 0 4%
}
.calendrierheure {
	width:92%;padding:0 3% 0 3%
}
.calendrierjour2 {
	width:92%;padding:0 4% 0 4%
}
.calendrierheure2 {
	width:92%;padding:0 4% 0 4%
}
.patron2droite {
	width:96%;padding:0 0.5em 0 0.5em;
	font-size:11px;
	margin:0;

}

.colonneheure {
width:25%;float:left
}
.listerdv {
width:100%;padding:0 0% 0 0%;float:left;margin:0 0 ;
}
.res1{
font-size:12px;
}
.res2{
font-size:12px
}
.res1 input{
font-size:12px
}
.res2 input{
font-size:12px
}

input[type="submit"], input[type="button"], .butlien {
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Trebuchet MS;
	font-size:13px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
}

input[type="submit"].butlien2, input[type="button"].butlien2 {
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:bold;
	padding:4px 4px;
	text-decoration:none;
}	
input[type="submit"].mobi, input[type="button"].mobi, .butlienmobi{
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Trebuchet MS;
	font-size:13px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
}
input[type="submit"]:hover, input[type="button"]:hover {
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.sidenav {padding-top: 60px;}
.sidenav a {font-size: 18px; padding: 8px 8px 8px 20px;}
	
}