@font-face {
	font-family: Yantramanav;
	src: url('/_style/fonts/Yantramanav-Thin.ttf');
	font-weight: 100;
}
@font-face {
	font-family: Yantramanav;
	src: url('/_style/fonts/Yantramanav-Regular.ttf');
	font-weight: 400;
}
@font-face {
	font-family: Yantramanav;
	src: url('/_style/fonts/Yantramanav-Bold.ttf');
	font-weight: 700;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container,
.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

html {
	height: 100%;
}

body {
	color: #FFF;
	background: #1F5583 url('/images/bg_wallpaper2.jpg') no-repeat center fixed;
	background-size: cover;
	font-family: 'Yantramanav', Arial, sans-serif;
	margin: 0;
}

body.presentation {
	height: 100%;
}

body.presentation #player.transition::after {
	content: '';
	display: block !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 25;
	animation: fade-transition 400ms linear 0s 1 normal;
}

body.presentation #player.end::after {
	content: 'HappyFan.fr';
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: rgba(255,255,255,0.7);
	text-align: center;
	font-size: 30pt;
	background-color: #003457;
	z-index: 27;
	animation: end 2s linear 0s 1 normal forwards;
}

body.presentation .hidable {
	display: none;
}

input[type=text], input[type=password] {
	height:30px;
	width:90%;
	color:#666;
	line-height:30px;
	font-size:12pt;
	text-indent:5px;
	border: 1px solid #ccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:5px 5px 10px #DDD inset;
	-moz-box-shadow:5px 5px 10px #DDD inset;
	box-shadow:5px 5px 10px #DDD inset;
	outline: none;
}

input[type=text]:focus, input[type=password]:focus {
	color:#0062D5;
	box-shadow:	5px 5px 10px #DDD inset,
				0 0 6px #0062D5;
}

div#msgerreur {
	color:white;
	text-align:center;
	background-color:red;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:white;
}
div#msgok {
	color:white;
	text-align:center;
	background-color:#00CC00;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:white;
}
div#msgavertissement {
	color:#000000;
	text-align:center;
	background-color:#FFFF99;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:white;
}

div.container {
	color: #000;
	background-color: #FFF;
}

table.defaut {
   width:550px;
   color: #000;
   background-color:#FFFFFF;
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.09) 100%);
   background-position:top;
   background-repeat:repeat-x;
   border-width:1px;
   border-color:#FFFFFF;
   border-style:solid;
}
table.cellule {
   background-color:#009DE0;
   background-image:url(/images/theme/deco.jpg);
   background-repeat:repeat-x;
   font-family:Arial;
   border-color:#FFFFFF;
}

td.titre {height:30px;background-image:url(/images/theme/bg_titre.jpg);}
font.titre {color:#FFCC00;font-size:12pt;font-weight:bold;}

a:link   { color: inherit; text-decoration:none }
a:visited{ color: inherit; text-decoration:none }
a:hover  { color: inherit; text-decoration:none }

table h1 {
	height:87px;
	width:100%;
   	font-weight:normal;
	color:#000000;
	font-size:18pt;
	text-decoration:none;
	font-style:italic;
	text-align:center;
	margin:0px;
	padding-top:35px;
	text-shadow: 1px 1px 2px #999;
	background:url(/images/logo_medium.png) 0 0 no-repeat;
	background-position: 10px 10px;
	vertical-align:middle;
}
h2 {
   color:#D3226E;
   font-size:14pt;
   text-decoration:none
}