@charset "utf-8";

@font-face {
font-family: InfoDispRegularTf;
src:url("../fonts/InfoDispRegularTf-Roman.otf");
}
@font-face {
font-family: InfoDispSemiboldTf;
src:url("../fonts/InfoDispSemiboldTf-Roman.otf");
}

body{margin:0; padding: 0; width: 1280px; height: 670px; overflow: hidden; background-color: white;}
.Container {
	/*position:absolute;
	height:100%;
	width:100%;
	overflow: hidden;
	text-align:center;*/
	width: 1280px;
	height: 670px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	
	-webkit-transform-origin : top left;
	-moz-transform-origin : top left;
	-ms-transform-origin : top left;
	-o-transform-origin : top left;
	transform-origin : top left;
}
.image_fond, .video{position:absolute;}
/*.image_fond img {width:100%;height:auto;}*/
.image_fond img {width: 1280px; height: 670px;}

/*a ajuster une fois video OK*/
.cache{width: 1280px;
	height: 670px;z-index:120;}
/*****/

.btn_play{
	width: 107px;
	height: 107px;
	position: absolute;
	top: 830px;
	left: 642px;
	z-index: 99;
	background-image: url(medias/btn_play.png);
	background-size: 107px 107px;
}
.btn_play:hover{
	width: 107px;
	height: 107px;
	background-image: url(medias/btn_play_over.png);
	background-size: 107px 107px;

}
.btn_retour{
	width: 107px;
	height: 107px;
	position: absolute;
	top: 830px;
	left: 642px;
	z-index: 99;
	background-image: url(medias/btn_retour.png);
	background-size: 107px 107px;
}

.btn_retour:hover{
	width: 107px;
	height: 107px;
	background-image: url(medias/btn_retour_over.png);
	background-size: 107px 107px;

}

.btn_play, .btn_retour {cursor: pointer;}
video{z-index:3;}






.btnFermerIframe {width: 40px; height: 40px; position: absolute; top: 38px; right: 38px; cursor: pointer;}
.btnFermerIframe img {width: 40px; height: 40px;}
.btnOpenIframe {position: absolute; width: 64px; height: 64px; cursor: pointer; z-index: 100;}
.exoOK, .exoKO {position: absolute; left: 16px; top: 64px; display: none;}
.exoOK img, .exoKO img {width: 30px; height: 30px;}
.btnOpenIframe01 {left: 18px; top: 71px;}
.btnOpenIframe02 {left: 18px; top: 303px;}










/* Désactive la sélection*/
body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}





.btnSwitchEcran {position: absolute; left: 798px; top: 103px; z-index: 120; width: 214px; height: 50px; cursor: pointer;}
.btnSwitchEcran02 {left: 1015px;}
.btnReinit {position: absolute; left: 1220px; top: 610px; z-index: 120; width: 50px; height: 50px; cursor: pointer;}
.btnReinit img {width: 50px; height: 50px;}

.lettreAtome, .lettreAtome2 {position: absolute; left: 210px; top: 152px; z-index: 120; font-family: InfoDispRegularTf; font-size: 168px; cursor: default;}
.lettreAtome2 {top: 172px;}
.nbNucl01, .nbNucl02, .nbProt01, .nbProt02, .nbNeut01, .nbProt03, .nbProt04, .nbElec01 {position: absolute; left: 146px; top: 159px; z-index: 120; font-family: InfoDispRegularTf; font-size: 59px; color: #82368c; cursor: default;}
.nbNucl02 {left: 237px; top: 392px; font-size: 37px;}
.nbProt01, .nbProt02, .nbNeut01, .nbElec01 {left: 146px; top: 276px; color: #006ba6;}
.nbProt02, .nbNeut01 {left: 246px; top: 492px; font-size: 37px;}
.nbNeut01 {left: 272px; top: 594px; color: #008d36;}
.messageAtome, .messageAtome2, .messageAtome3, .messageAtome4 {position: absolute; left: 914px; top: 185px; z-index: 91; font-family: InfoDispRegularTf; font-size: 28px; cursor: default;
background-color: white; height: 60px; line-height: 60px; padding-left: 16px; padding-right: 25px; border-radius: 20px;}
.messageAtome2 {left: 1000px; color: #006ba6;}
.messageAtome3, .messageAtome4 {left: 10px; top: 155px; color: black; font-size: 27px;}
.messageAtome3 {background-color: transparent;}
.messageAtome4 {left: 10px; top: 570px; height: 70px; line-height: 30px; padding-top: 10px; display: none;}
.cacheMessageAtome {position: absolute; left: 1040px; top: 242px; z-index: 90; width: 40px; height: 50px; background-color: #f6f2e7;}
.hibou {position: absolute; left: 938px; top: 238px; z-index: 90;}
.hibou img {width: 188px; height: 226px;}
.croixCentral {position: absolute; left: 627px; top: 372px; z-index: 90;}
.croixCentral img {width: 30px; /*height: 226px;*/}
.panier {position: absolute; left: 828px; top: 485px; z-index: 900; opacity: 1;}
/*.panier img {width: 188px; height: 226px;}*/

.nbProt03 {left: 245px; top: 391px; font-size: 37px; color: #006ba6;}
.nbProt04 {left: 146px; top: 276px; color: #006ba6; opacity: 0;}
.charge {vertical-align: super; font-size: 59px; color: #006ba6;}
.nbElec01 {left: 219px; top: 493px; font-size: 37px; color: #be1522;}
.btnPlus, .btnMoin {position: absolute; left: 135px; top: 400px; z-index: 90; width: 36px; height: 36px; cursor: pointer;}
.btnPlus img, .btnMoin img {width: 33px;}
.btnPlus {left: 288px;}

.zoneDepot {position: absolute; width: 400px; height: 400px; left: 430px; top: 200px; z-index: 100; /*background-color: red; opacity: 0.5;*/}

.etiquettes, .etiquettes2 {cursor: pointer; position: absolute; z-index: 100; width: 32px;}
.neut01 {left: 1066px; top: 474px;}
.neut02 {left: 1096px; top: 483px;}
.neut03 {left: 1126px; top: 487px;}
.neut04 {left: 1157px; top: 486px;}
.neut05 {left: 1184px; top: 482px;}
.neut06 {left: 1214px; top: 474px;}
.neut07 {left: 1085px; top: 459px;}
.neut08 {left: 1113px; top: 464px;}
.neut09 {left: 1141px; top: 465px;}
.neut10 {left: 1168px; top: 461px;}
.neut11 {left: 1196px; top: 459px;}
.neut12 {left: 1099px; top: 442px;}
.neut13 {left: 1127px; top: 442px;}
.neut14 {left: 1154px; top: 440px;}
.neut15 {left: 1183px; top: 438px;}
.neut16 {left: 1119px; top: 423px;}
.neut17 {left: 1157px; top: 423px;}
.prot01, .elec01 {left: 834px; top: 471px;}
.prot02, .elec02 {left: 866px; top: 483px;}
.prot03, .elec03 {left: 904px; top: 488px;}
.prot04, .elec04 {left: 941px; top: 485px;}
.prot05, .elec05 {left: 976px; top: 476px;}
.prot06, .elec06 {left: 866px; top: 465px;}
.prot07, .elec07 {left: 903px; top: 467px;}
.prot08, .elec08 {left: 943px; top: 462px;}
.prot09, .elec09 {left: 887px; top: 445px;}
.prot10, .elec10 {left: 920px; top: 446px;}
.etiquettes3 {position: absolute; z-index: 100; width: 32px;}
.elec01 {left: 953px;}
.elec02 {left: 985px;}
.elec03 {left: 1023px;}
.elec04 {left: 1060px;}
.elec05 {left: 1095px;}
.elec06 {left: 985px;}
.elec07 {left: 1022px;}
.elec08 {left: 1062px;}
.elec09 {left: 1006px;}
.elec10 {left: 1039px;}
.prot, .neut {position: absolute; z-index: 100; width: 32px;}
/*.prot20 {left: 664px; top: 392px; z-index: 300; display: none;}
.prot11 {left: 641px; top: 408px; z-index: 299; display: none;}
.prot12 {left: 685px; top: 405px; z-index: 298; display: none;}
.prot13 {left: 666px; top: 418px; z-index: 297; display: none;}
.prot14 {left: 649px; top: 429px; z-index: 296; display: none;}
.prot15 {left: 657px; top: 379px; z-index: 295; display: none;}
.prot16 {left: 686px; top: 382px; z-index: 294; display: none;}
.prot17 {left: 634px; top: 397px; z-index: 293; display: none;}
.prot18 {left: 674px; top: 434px; z-index: 292; display: none;}
.prot19 {left: 691px; top: 427px; z-index: 291; display: none;}*/
.prot11 {left: 664px; top: 392px; z-index: 300; display: none;}
.neut18 {left: 641px; top: 408px; z-index: 299; display: none;}
.prot12 {left: 685px; top: 405px; z-index: 298; display: none;}
.neut19 {left: 666px; top: 418px; z-index: 297; display: none;}
.prot13 {left: 649px; top: 429px; z-index: 296; display: none;}
.neut20 {left: 657px; top: 379px; z-index: 295; display: none;}
.prot14 {left: 686px; top: 382px; z-index: 294; display: none;}
.neut21 {left: 634px; top: 397px; z-index: 293; display: none;}
.prot15 {left: 674px; top: 434px; z-index: 292; display: none;}
.neut22 {left: 691px; top: 427px; z-index: 291; display: none;}
.prot16 {left: 634px; top: 419px; z-index: 290; display: none;}
.neut23 {left: 636px; top: 379px; z-index: 289; display: none;}
.prot17 {left: 699px; top: 383px; z-index: 288; display: none;}
.neut24 {left: 701px; top: 408px; z-index: 287; display: none;}
.prot18 {left: 669px; top: 369px; z-index: 286; display: none;}
.neut25 {left: 659px; top: 440px; z-index: 285; display: none;}
.prot19 {left: 625px; top: 408px; z-index: 284; display: none;}
.neut26 {left: 651px; top: 368px; z-index: 284; display: none;}
.prot20 {left: 705px; top: 423px; z-index: 283; display: none;}
.neut27 {left: 688px; top: 366px; z-index: 282; display: none;}