body {
	 font-family:calibri;
}
#main {
	width:auto;
	margin:auto;
	padding-top:75px;
}
#bouton_editer {
	position:absolute;
	top:30px;
	right:40px;
}
iframe {
	border:none;
	margin-top:-75px;
}

a {
	 display:block;
	 color:white;
	 font-size: 15px;
	 text-decoration:none;
	 background-color:darkkhaki;
	 background: linear-gradient(darkkhaki, #67633a);
	 border-radius:5px;
	 min-height:20px;
	 width:150px;
	 padding:3px;
	 text-align:center;
	 margin:0 0 5px 5px;
}
a:hover {
	background: linear-gradient(black,#67633a);
}
form {
	width:250px;
	margin:auto;
	background-color:pink;
	background: linear-gradient(pink, red);
	padding:20px;
	border:1px solid red;
	border-radius:10px;
	text-align:center;
}
form * {
	margin:2px;
}
table {
	border-collapse:collapse;
}
#tableau_service {
	margin-left:auto;
	margin-right:auto;	
}
tbody, #legende {
	color:#eeeeee;
}
table tr {
	height:39px;
}
table td{
	position:relative;
	padding:2px;
	width:100px;
	vertical-align:middle;
	text-align:center;
	border:1px solid black;
}
td:first-child {
	text-align:center;
	font-weight:bold;
	width:50px;
}
td:empty{
	background-color:#848484AA;
}
td:first-child:empty {
	background-color:black;
}
#legende {
	display:block;
	margin:10px;
}
thead td {
	text-align:center;
	font-weight:bold;
}
span.DCC, span.SALLE, span.RPO, span.BTIV, span.FMP {
	border:1px solid black;
	display:inline-block;
	margin:5px;
	padding:2px 10px;
	min-width:50px;
	text-align:center;
}
/* .SALLE td { */
	/* overflow:hidden; */
/* } */
.equipe {
	top:-4px;
	left:2px;
	font-size:42px;
}
.filigrane {
	font-size:130px;
	top:-15px;
	left:80px;
}
.filigrane2 {
	font-size:80px;
	top:-5px;
	left:80px;
}
.filigrane, .filigrane2, .equipe {
	font-weight:bold;
	font-family:arial;
	position:absolute;
	z-index:1;
	color:RGBA(255,255,255,.2);
}
.h_decales {
	position: absolute;
	bottom: 2px;
	right: 2px;
	color: rgba(255,255,255,.5);
	/* font-size: 1.2em; */
	/* background-color: rgba(0,0,255,.5); */
	/* border-radius: 2px; */
	/* border:1px dotted black; */
	padding:1px;
	/* width:13px; */
	/* height:13px; */
}
.h_decales::after {
	content:" PC";
}

td:hover .h_decales {
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,255,1);
}
.info_h_decales {
	position:absolute;
	width:80px;
	display:none;
	border: 1px dotted black;
	background-color:lightblue;
	z-index:3;
	top:45px;
	left:18px;
	color:black;
	font-size:.8em;
	text-align: left;
	padding: 3px;
	border-radius:5px;
}
td:hover .info_h_decales {
	display:inline-block;
}
.nom {
	font-size:14px;
	position:relative;
	z-index:2;
}
.RPO {
	color:white;
	background-color:black;
}
.SALLE {
	background-color:#245465;
}
.BTIV {
	background-color:#005200;
}
.FMP{
	background-color:#8e1919;
}
.DCC {
	background-color:#77451a;
}
.nono {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}