.img_vignette {
  border-radius: 14px; 

  display: block;
  margin-left: auto;
  margin-right: auto;
 
	height:150px;

}

img_small{
	
  border-radius: 14px; 

  display: block;
  margin-left: auto;
  margin-right: auto;
 
	height:30px;

}



.img_pass {
  height:675px;
 width:1000px;
 text-align: center;
 border-radius: 14px; 

}



body {
  text-align: justify;
  letter-spacing: 3px;
  color: white;
 background:black;

	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
}

.select-css {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 80%;
	max-width: 100%; /* useful when width is set to anything other than 100% */
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	
}





.num {
    color:grey;
    font-size:12px;
	font-weight: bold;
	font-family: "OCR-B", serif;
	position: absolute;
	top: 107px; left: 176px;
   
}

.nom {
    color:grey;
    font-size:14px;
	font-weight: bold;
	font-family: "OCR-B", serif;
	position: absolute;
	top: 108px; left: 365px;
   
}

 
.age {
    color:grey;
    font-size:16px;
	font-weight: bold;
	font-family: "OCR-B", serif;
	position: absolute;
	top: 190px; left: 380px;
   
}

.sexe {
    color:white;
    font-size:8px;
	font-weight: bold;
	font-family: "OCR-B", serif;
	position: absolute;
	top: 210px; left: 600px;
   
}

.situation {
	
    color:grey;
    font-size:16px;
	font-weight: bold;
	font-family: "OCR-B", serif;
	position: absolute;
	top: 190px; left: 755px;
   
}



.niveau {
    color:grey;
    font-size:12px;
	font-weight: bold;
	font-family: "OCR-B", serif;
	position: absolute;
	top: 265px; left: 365px;
   
}

.danger {
    color:grey;
    font-size:12px;
	font-weight: bold;
	font-family: "OCR-B", serif;
	position: absolute;
	top: 265px; left: 555px;
   
}

.motivation {
    color:grey;
    font-size:11px;
	font-weight: bold;
	font-family: "OCR-B", serif;
	position: absolute;
	top: 265px; left: 750px;
   
}

.affiliation {
    color:grey;
    font-size:16px;
	font-weight: bold;
	font-family: "OCR-B", serif;
	position: absolute;
	top: 340px; left: 365px;
   
}

.signe_particulier {
    color:grey;
    font-size:16px;
	font-weight: bold;
	font-family: "OCR-B", serif;
	position: absolute;
	top: 415px; left: 365px;
   
}



.photo_id {
  height: 340px;
  width: 260px;
  border-radius: 14px; 
  position: absolute;
  top: 75px; left: 35px;

 }
 
 
 .finger {
  height: 120px;
  width: 80px;
  border-radius: 14px; 
  position: absolute;
  top: 200px; left: 140px;
  opacity: 0.66;
 }
 
 .acteur {
    color:grey;
    font-size:16px;
	font-weight: bold;
	font-family: "OCR-B", serif;
	position: absolute;
	top: 495px; left: 365px;
   
}

 
 .mrz {
    color:grey;
    font-size:20px;
	font-family: "OCR-B", serif;
	position: absolute;
	top: 580px; left: 58px;
   
}

.photo_id_micro {
  filter: grayscale(100%);
  height: 58px;
  width: 48px;
  border-radius: 10px; 
  position: absolute;
  top: 92px; left: 300px;

 }
 
.photo_id_micro:hover {
  filter: grayscale(0%);
}