@font-face {
	font-family: 'CorporateSRegular';
	src: url('../fonts/CorporateS-Regular.otf');
}
@font-face {
	font-family: 'CorporateSBoldItalic';
	src: url('../fonts/CorporateS-BoldItalic.otf');
}

html, body{
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
  margin: 0;
  background-color:#000000;
	width:1280px;
	height:800px;
	overflow:hidden;
	font-family: CorporateSRegular;
	

}
a {
	text-decoration:none;
}
a:hover, a:focus {
    text-decoration: none;
}
img a {
	text-decoration:none;
}
img a:hover, img a:focus {
    text-decoration: none;
}

/*
	-------
	accueil
	-------
*/
.container{
	width:1280px;
	height:800px;
		overflow:hidden;

}

.preload{
	position:absolute;
	left:200px;
	top:200px;
	background:none;
	
}
.accueil{
	position:absolute;
	left:0px;
	top:0px;
	opacity:1;
	/*width:8185px;
	overflow:scroll;*/
}
.accueil-bandeau{
	position:absolute;
	width:1230px;
	top:612px;
	height:100px;
	background-color:#000000;
	opacity:0.7;
	font-size:40px;
	color:#FFFFFF;
	padding-top:10px;
	padding-left:50px;
	line-height:45px;
}
.accueil-textfr{
}
.accueil-texten{
	font-style:italic;
}

#btn-accueil-suite{
	float:right;
	margin-right:50px;
	margin-top: -35px;
}
.accueil-masque{
	width:100%;
	height:100%;
	background-color:#000000;
	position:absolute;
	top:0px;
	left:1280px;
}
/*-- ---------------------------- --*/
.accueil-presentation-masque{
	width:100%;
	height:100%;
	background-color:#000000;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.6;
	display:none;
}
.accueil-presentation{
	position:absolute;
	top:480px;
	width:1280px;
	text-align:center;
	font-size:25px;
	color:#FFFFFF;
	line-height:25px;
	display:none;
}
#btn-presentation-suite{
}
/*-- ---------------------------- --*/
#mosaique{
	position:relative;
	top:0px;
	left:0px;
	height:800px;
	display:none;
	background:#000000;
}
#mosaiquedrag{
	position:absolute;
	top:0px;
	left:0px;
	/*background:#FB0004;*/
	opacity:0.5;
	width:100%;
	height:800px;
	display:none;
}
#mosaiqueconsigne{
	position:absolute;
	width:1280px;
	top:370px;
	background-color:#FFFFFF;
	opacity:0.7;
	font-size:25px;
	color:#000000;
	line-height:30px;
	text-align:center;
	display:none;
}

.vignetteHaut{
	position:absolute;
	top:0px;
}
.vignetteBas{
	position:absolute;
	top:400px;
}
.imgmosaique{
	width:249px;
}
#btn-liste-noms{
	position:absolute;
	top:652px;
	left:1022px;
	display:none;
}
/*-- ---------------------------- --*/
#listenoms{
	position:relative;
	top:-800px;
	left:0px;
	height:800px;
	background:#000000;
	opacity:0.8;
	display:none;
}
#listenomsdrag{
	position:absolute;
	top:0px;
	left:0px;
	/*background:#00FB04;*/
	opacity:0.5;
	width:100%;
	height:800px;
	display:none;
}
.item{
	position:absolute;
	top:0px;
	left:0px;
	font-size:25px;
	color:#FFFFFF;
}
#btn-retour-liste-noms{
	position:absolute;
	top:665px;
	left:1195px;
	display:none;
}
/*-- ---------------------------- --*/
#fiche{
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.9;
	width:100%;
	height:800px;
	background:#000000;
	display:none;
}
#fiche-portrait{
	position:absolute;
	top:105px;
	left:50px;
}
#fiche-identite{
	position:absolute;
	bottom:155px;
	width:675px;
	left:555px;
	font-size:25px;
	color:#FFFFFF;
	line-height:35px;
}
#btn-documents{
	position:absolute;
	top:665px;
	left:552px;
	display:none;
}

#btn-retour-fiche{
	position:absolute;
	top:665px;
	left:1195px;
	display:none;
}
/*-- ---------------------------- --*/
#documents{
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.9;
	height:800px;
	background:#000000;
	display:none;
	width:1280px;
	border:none;
	overflow:hidden;
	
}
#documentsfond{
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.9;
	height:800px;
	width:1280px;
	background:#000000;
	display:none;
}


#documentsdrag{
	width:950px;
	height:560px;
	margin:-560px auto;
	background:#00FB04;
	opacity:0;/**/
	display:none;
}

#btn-retour-documents{
	position:absolute;
	top:665px;
	left:1195px;
	display:none;
}
.document{
	position:absolute;
	top:105px;
	left:0px;
	text-align:center;
	font-size:25px;
	color:#FFFFFF;
	opacity:1;
}
.imgdoc{
	max-height:425px;
}
.imgportrait{
	max-height:580px;
	max-width:485px;
}

section { 
	position:absolute;
	top:0px;
	left:0px;
	width:1280px;
	text-align: center; 
	color:#FFFFFF;
	
	display:none;
}
  .panzoom-parent { border: 2px solid #333; }
  .panzoom-parent .panzoom { border: 2px dashed #666; }
.buttons-invisibles { margin: 0px 0px 0px 0px; }
.prev {
	position:absolute;
	top:300px;
	left:100px;
}
.next {
	position:absolute;
	
	top:300px;
	right:100px;
}
.zoom-range{
	display:none;
}
.reset{
	display:none;
}
#doclegende{
	/*background-color:#FF0004;*/
	color:#FFFFFF;
	text-align:center;
	width:100%;
	position:absolute;
	top:650px;
	left:0px;
	display:none;
}
#docinfos{
	background-color:#00FF04;
	color:#FFFFFF;
	text-align:center;
	width:100%;
	position:absolute;
	top:750px;
	left:0px;
	display:none;
}

#console{
	color:#FFFFFF;
}
.zoom-in{
	display:inline-block;
	padding:10px;
}
.zoom-out{
	display:inline-block;
	padding:10px;
}
#myElement {
  background: silver;
  width: 100%;
  height: 1000px;
  text-align: center;
  font: 30px;/*300px Helvetica, Arial, sans-serif;*/
}
#imagedoc{
	width:950px;
	height:560px;
	margin:0 auto;
	/*border-style:solid;
	border-color:#FF0004;*/
	overflow:hidden;
	
	position:relative;
}
.imagedocsrc{
	position:absolute;
	top:0px;
	left:0px;
}