/* ---------------------------------------------------

						FONTS

--------------------------------------------------- */
@font-face {
    font-family: 'kingthings christmas';
    src: url('fonts/kingthings-christmas.eot');
    src: url('fonts/kingthings-christmas.eot?#iefix') format('embedded-opentype'),
         url('fonts/kingthings-christmas.woff') format('woff'),
         url('fonts/kingthings-christmas.ttf') format('truetype'),
         url('fonts/kingthings-christmas.svg#Kingthings-Christmas') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ---------------------------------------------------

						STYLE

--------------------------------------------------- */

	body {
		margin: 0;
		padding: 0;
	}
	
	.hidden { 
		display: none; 
	}

	.visible { 
		  display: block; 
	}
	
	.hover{
		color: #000;
		font-weight:bold;
	}
	
	.normal{
		color: #737373;
	}
	
	.vide{
		color: red;
	}

h1 {
    font-family: kingthings christmas;
    font-weight: normal;
    color: #737373;
    font-size: 94px;
    display: inline-block;
    margin: 16px 0 16px 7px;
}

.boule {
    cursor: pointer;
    vertical-align: top;
}
.maj {
    text-align: center;
    margin-bottom: 5px;
    color: gray;
    font-size: 12px;
}
.maj.warning {
    color: #E83409;
}
	
	.tdactive{
		border-style: 			solid;
		border-top-width:		2px;
		border-right-width:		2px;
		border-left-width:		2px;
		border-bottom-width:	0px;
		border-top-color:		#7272B6;
		border-right-color:		#7272B6;
		border-left-color:		#7272B6;
	}
	
	.tdinactive{
		border-style: 			solid;
		border-top-width:		0px;
		border-right-width:		0px;
		border-left-width:		0px;
		border-bottom-width:	2px;
		border-bottom-color:	#7272B6;
	}
	
	.pop{
		position: absolute;
		visibility: hidden;
		z-index: 40;
	}
	
	.menu {
		border-collapse:collapse;
		border: none;
		padding:0px;
	}
	
	.menu td{
		width: 30px;
		height: 30px;
		cursor: pointer;
		padding: 0 5px 0 5px ;
		background-repeat: no-repeat;
		background-position : center 0px;
	}
	
	.menu td:hover{
		background-position : center -30px;
	}
	
	#description_bouton{
		text-align: center;
		color: #7272B6;
	}
	
	.close{
		width: 14px;
		height: 14px;
		cursor: pointer;
		background-position : 0px 0px;
		background-image: url('images/croix.gif');
	}
	
	div.close:hover{
		background-position : 0px 14px;
	}