@import url("https://fonts.googleapis.com/css?family=Hind:400,700");
		
* {
	font-family:"Hind";
}

body {
	margin:0;
	padding:0 5px;
	background-color:papayawhip;
}

form { display:inline; }

input[value="X"] {
	margin-right:10px;
}

.hidden {
	display:none;
}

#logo {
	display:block;
	position:absolute;
	left:15px;
	top:5px;
}

h1 {
	/*font-size:54px;*/
	font-size:30px;
	margin-top:0;
	text-align:center;
	text-transform:uppercase;
}

.media { display:none;position:absolute;top:0;left:0;width:100%;height:100%; }

.client {
	padding:10px 5px;
}



.client-inner {
	display:inline-block;
}


.client-inner.client-heure {
	margin-right:20px;
}

.client-inner.client-nom {
	margin-right:10px;
	width:200px;
}

.client-inner.client-heure input {
	width:30px;
}

.delForm input[type="submit"] {
	background-color:red;
	outline:none;
	border:1px solid red;
	color:white;
	font-weight:bold;
	cursor:pointer;
}

#choixEtat { margin-top:15px; }

.meca-client, .meca-etat {
	display:inline-block;
	width:200px;
	background-color:cornflowerblue;
	border-radius:6px;
	padding:10px;
	margin:5px;
	text-align:center;
	color:#FFF;
	cursor:pointer;
}

.meca-etat {
	width:300px;
}

.meca-client.active, .meca-etat.active {
	background-color:chartreuse;
	color:#000;
}

#mecaForm {
	display:block;
	
	
}

#valider, #annuler {
	width: 300px;
	padding: 10px;
	border-radius: 6px;
	border: none;
	background-color: darkturquoise;
	text-align:center;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	margin-top:30px;
	margin-right:40px;
	margin-left:5px;
}

#annuler {
	margin-left:5px;
	background-color:red;
}




/*** public ***/

#table-rdv {
	border:2px solid black;
	width:100%;
	border-collapse:collapse;
	text-transform:uppercase;
}

.public.client {
	padding:0;
}

.public.client:not(:last-of-type) {
	border-bottom:1px solid dimgrey;
}

.rdv-client {
	width:33%;
}
#table-rdv td {
	background-color:white;
}
#table-rdv tr:nth-of-type(odd) td {
	background-color:deepskyblue;
}

#table-rdv td {
	font-size:20px;
	border-right:1px solid dimgrey;
	border-bottom:1px solid dimgrey;
	margin:0;
	padding:5px;
}

#dateJour {
	position:absolute;
	right:15px;
	top:5px;
	font-size:20px;
}

.rdv-heure {
	width:100px;
}

.rdv-modified {
	text-align:center;
	width:100px;
}