body {font-family:arial; font-size:12px;background-color: #C8E0FE }

table.nowrap {white-space:nowrap}
input.empty {background:white}
input.filled {background:wheat}
input.disabled {background:whitesmoke; color:grey}
input.error, td.error {background:red; color:white}
input.warn, td.warn {background:orange; color:white}
div.error, span.error {color:red; text-align:center}
div.section, form.section, td.section {border:1px solid black; padding:10px}
div.guestlist 
{
  float : left; 
  width:30%;

}
div.details 
{
  float: right;
  display : none;
  width:65%;
  border: 1px solid #000000;
  padding: 1em;	
 
}
div.subsection {border:1px solid grey; padding:10px}
img {vertical-align:middle}
button.active-save {color:red; font-weight:bold}
button.active-cancel {color:orange; font-weight:bold}

/* guest */
table.border {border-collapse: collapse}
table.border, th.border, td.border {border: 1px solid grey}
td.spacer {width:20px}
.spacer {margin-left:20px}

/* menu */
div.menu-outer-div {text-align: center}
div.menu-inner-div {display: inline-block}
span.menu-item {width:100px; float:left; text-align:center}
button.small {font-size:9px}

/* tableForm */
input.filter {text-align: center}
input.key {color:blue}
input.null {font-style:italic; color:grey}
input.even, td.even {background:white}
input.odd, td.odd {background:wheat}



a.hoovv{
     color:#ccc;
     text-shadow:0 -1px 0 black;                
}
a.hoovv:hover,a.hoovv:focus{
     background:rgba(0,0,0,0.1);
     box-shadow:0 1px 0 rgba(255,255,255,0.1);
}

a.hoovv span{
     position:absolute;         
     margin-top:23px;
     margin-left:-35px;
	 color:white;
     background:rgba(0,0,0,1);
     padding:15px;
     border-radius:3px;
     box-shadow:0 0 2px rgba(0,0,0,1);
	 transition:all .25s;
	 opacity:0;	
	 transform:scale(0) rotate(0);	 
}
a.hoovv:hover span, a.hoovv:focus span{
     transform:scale(1) rotate(0);
	 opacity:1;	 
}

/* Suivi */table.suivi,td.suivi
{
	border-collapse: collapse;
	border: 1px solid #fff; /*for older IE*/
	padding : 3px;
	text-align	 : center; 
		
}
td.infos
{
	border-collapse: collapse;
	border: 1px solid #fff; /*for older IE*/
	padding : 3px;
	text-align	 : center; 
	background-color : #bababa ; 
}
td.check
{
	border-collapse: collapse;
	border: 1px solid #fff; /*for older IE*/
	padding : 3px;
	text-align	 : center; 
	background-color : #ededed ; 
}
td.panneau
{
	border-collapse: collapse;
	border: 1px solid #fff; /*for older IE*/
	padding : 3px;
	text-align	 : center; 
	background-color : #cfcfcf ; 
}
td.deplacement
{
	border-collapse: collapse;
	border: 1px solid #fff; /*for older IE*/
	padding : 3px;
	text-align	 : center; 
	background-color : #AEB6BF ; 
}
td.suiviyatf
{
	border-collapse: collapse;
	border: 1px solid #fff; /*for older IE*/
	padding : 3px;
	text-align	 : center; 
	background-color : #566573 ; 
	color : white;
}