/* FONT */
@font-face {
    font-family: 'eurofurencebold';
    src: url('fonts/eurof75-webfont.eot');
    src: url('fonts/eurof75-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurof75-webfont.woff') format('woff'),
         url('fonts/eurof75-webfont.ttf') format('truetype'),
         url('fonts/eurof75-webfont.svg#eurofurencebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'eurofurenceregular';
    src: url('fonts/eurof55-webfont.eot');
    src: url('fonts/eurof55-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurof55-webfont.woff') format('woff'),
         url('fonts/eurof55-webfont.ttf') format('truetype'),
         url('fonts/eurof55-webfont.svg#eurofurenceregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* BALISES */
* { font-size:14pt !important; }
body {
	font-family:'eurofurenceregular', Verdana, Geneva, sans-serif;
	color:#FFF;
	text-align:left;
	background-color:#303030;
	font-size:18px;
}
a { text-decoration:none; color:#e3007b; cursor:pointer; }
a:hover { text-decoration:underline; }
strong { font-family:'eurofurencebold'; }
p { margin-bottom:5px; }

/* CONSTANTES */
.rose { color:#e3007b; }
.orange { color:#fab700; }

#background, #backgroundTwo {
	position:fixed;
	margin:0;
	padding:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url(../gallery/0/0.jpg) no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

#background { z-index:2; }
#backgroundTwo { z-index:1; }

/*RETOUR*/
#retour { position:fixed; top:-15px; left:-20px; z-index:50; width:54px; height:42px; -webkit-transition: all .6s ease-in; -moz-transition: all .6s ease-in; -o-transition: all .6s ease-in; transition: all .6s ease-in; }
#retour:hover { top:5px; left:5px; }

/*AIDE*/
#aide { position:fixed; top:0px; right:-3px; z-index:50; width:35px; height:35px; cursor:pointer; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
#aide:hover { top:5px; right:2px; }

/*SOMMAIRE*/
#sommaire { position:fixed; top:5px; left:10px; z-index:50; width:50px; text-align:center; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
#sommaire:hover { top:10px; left:15px;  }
#sommaire a { color:#FFF; font-weight:bold; }
#sommaire a:hover { text-decoration:none; }

/*CLAVIER VIRTUEL*/
.clavier { position:fixed; width:25px; height:25px; z-index:50; background:no-repeat 0 0; cursor:pointer; }
.clavier:hover { background-position:0 -25px; }
#fDroite { background-image:url(../images/f-droite.png); bottom:10px; right:10px; }
#fGauche { background-image:url(../images/f-gauche.png); bottom:10px; right:64px; }
#fHaut { background-image:url(../images/f-haut.png); bottom:37px; right:37px; }
#fBas { background-image:url(../images/f-bas.png); bottom:10px; right:37px; }

/*SIGNATURE*/
#alizprox { position:fixed; left:10px; bottom:10px; width:175px; height:38px; z-index:50; }

/*SOMMAIRE*/
.sommaire li { padding:3px; }
.sommaire li a { color:#FFF; }
.sommaire li a:hover { color:#FFF; text-decoration:none; font-weight:bold; }