@charset "utf-8";
@font-face {font-family: 'UniNeueBlack';src: url('../fonts/Fontfabric - UniNeueBlack.otf') format('truetype');}
@font-face {font-family: 'UniNeueBold-Italic';src: url('../fonts/Fontfabric - UniNeueBold-Italic.otf') format('truetype');}
@font-face {font-family: 'UniNeueBold';src: url('../fonts/Fontfabric - UniNeueBold.otf') format('truetype');}
@font-face {font-family: 'UniNeueBook-Italic';src: url('../fonts/Fontfabric - UniNeueBook-Italic.otf') format('truetype');}
@font-face {font-family: 'UniNeueBook';src: url('../fonts/Fontfabric - UniNeueBook.otf') format('truetype');}
@font-face {font-family: 'UniNeueHeavy-Italic';src: url('../fonts/Fontfabric - UniNeueHeavy-Italic.otf') format('truetype');}
@font-face {font-family: 'UniNeueHeavy';src: url('../fonts/Fontfabric - UniNeueHeavy.otf') format('truetype');}
@font-face {font-family: 'UniNeueLight-Italic';src: url('../fonts/Fontfabric - UniNeueLight-Italic.otf') format('truetype');}
@font-face {font-family: 'UniNeueLight';src: url('../fonts/Fontfabric - UniNeueLight.otf') format('truetype');}
@font-face {font-family: 'UniNeueRegular-Italic';src: url('../fonts/Fontfabric - UniNeueRegular-Italic.otf') format('truetype');} 
@font-face {font-family: 'UniNeueRegular';src: url('../fonts/Fontfabric - UniNeueRegular.otf') format('truetype');}
@font-face {font-family: 'UniNeueThin-Italic';src: url('../fonts/Fontfabric - UniNeueThin-Italic.otf') format('truetype');}
@font-face {font-family: 'UniNeueThin';src: url('../fonts/Fontfabric - UniNeueThin.otf') format('truetype');}

.r{font-family:UniNeueRegular;}
.h{font-family:UniNeueHeavy;}
.hb{font-family:UniNeueBlack;}
.bi{font-family:UniNeueBook-Italic;}

body{
	height:100%;
	background-color:transparent !important;
}
html {
	background: url(../img/backgroundconnex.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 100%
}
.connexion {
    margin-top: 50vh;
  	transform: translateY(-50%);
}
.connexionbox{
	width:400px;
	max-width: 80%;

	background-color:#FFF;	
	padding: 20px;
	border-radius:15px;
}
.code{
	margin-top: 40px;
    font-size: 26px;
    width: 43%;
	min-width:165px;
	border:1px solid #000;
	padding:3px;
}
.photo{
	display: inline-block;
	position: relative;
	padding: 3px;
	cursor:pointer;
}
.selectphoto{
	position:absolute;
	top: 20px;
    left: 20px;
	color:red;
	border:#FFF 1px solid;
	width: 20px;
    height: 20px;
    border-radius: 20px;
	padding: 1px;
}
#selinfo{
	font-size: large;	
	webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12); 
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
	padding:20px;
	margin-bottom:5px;
	position:fixed;
	width:100%;
	z-index: 10000;
    background-color: white;
}
#DL{
	float: right;
	cursor:pointer;
}