@font-face {
    font-family: 'open_sanslight';
    src: url('opensans-light-webfont.woff2') format('woff2'),
         url('opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.woff2') format('woff2'),
         url('opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {
	#border:1px solid #ff0000;
	box-sizing : border-box;
}

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: open_sanslight,Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size:calc(1.0vw);
    background-image: url("../images/fondLogin2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow:hidden;
}

.login {
	position:absolute;
	width:300px;
	height:200px;
	display:block;
    margin-left: auto;
    margin-right: auto;
	padding:10pt;
	-moz-box-shadow: 1px 1px 5px 2px #000000;
	-webkit-box-shadow: 1px 1px 5px 2px #000000;
	-o-box-shadow: 1px 1px 5px 2px #000000;
	box-shadow: 1px 1px 5px 2px #000000;
	border:1px solid #666666;
	margin-top:-100px;
	margin-left:-150px;
	top:40%;
	left:50%;
	background-color:#ffffff;
}

.titreOspac {
	color:#ffffff;
	margin:0px;
	padding:0px;
	font-family: open_sansregular,Arial,Helvetica Neue,Helvetica,sans-serif;
	font-weight:bold;
	font-size:18pt;
	text-align:left;
}

.soustitreOspac {
	color:#edf4f8;
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:8pt;
	text-align:center;
	margin-bottom:5pt;
}

.textForm {
	font-family: open_sansregular,Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size:10pt;
	margin-top:10pt;
}

input[type=text],input[type=password] {
	width:200px;
	padding:4pt;
	border:1px solid #2b99b6;
	font-size:10pt;
	font-family: open_sansregular,Arial,Helvetica Neue,Helvetica,sans-serif;
	height:24pt;
	margin-bottom:5pt;
	
}
.submitButton {
	#background-color:#2b99b6;
	color:#fff;
	#border:2px solid #000000;
	padding:4pt;
	font-size:12pt;
	cursor:pointer;
	font-family: open_sansregular,Arial,Helvetica Neue,Helvetica,sans-serif;
	display: inline-block;
	width:24pt;
	height:24pt;
	vertical-align:top;
	background-position: center;
	background-image: url('../images/padunlock.png') ;
	background-repeat: no-repeat ;	
	background-size: 24px 24px;
	cursor:pointer;
}
.submitButton2 {
	position:absolute;
	border-bottom:1px solid #444444;
	border-right:1px solid #444444;
	border-left:1px solid #eee;
	border-top:1px solid #eee;
	background-color:#ddd;
	border-radius:4px;
	color:#fff;
	bottom:10px;
	right:10px;
	padding:4pt;
	font-size:12pt;
	cursor:pointer;
	font-family: open_sansregular,Arial,Helvetica Neue,Helvetica,sans-serif;
	display: inline-block;
	width:53pt;
	height:53pt;
	vertical-align:top;
	background-position: center;
	background-image: url('../svg/unlock.svg') ;
	background-repeat: no-repeat ;	
	background-size: 48px 48px;
	cursor:pointer;
}

input[type=submit] {
	background-color:#2b99b6;
	color:#fff;
	border:2px solid #000000;
	padding:4pt;
	font-size:12pt;
	cursor:pointer;
	font-family: open_sansregular,Arial,Helvetica Neue,Helvetica,sans-serif;
	display: block;
    margin-left: auto;
    margin-right: auto;
	border-radius:4px;
}