@font-face {
	font-family: "Nucl";
	src: url("..images/consola.ttf") format("ttf");
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

sub {
	vertical-align: sub;
	font-size: smaller;
}


body {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	position:fixed;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	overscroll-behavior-y: contain;
}

hr {
	background-color: #777;
    border: 0 none;
    height: 0.1em;
}

b { 
    font-weight: bold;
}

i {
	font-style: italic;	
}

p {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
	font-weight: normal;
	line-height: 1.3em;
}

h1 { 
    display: block;
    font-size: 2em;
    font-weight: bold;
	line-height: 1.5em;
}

h2 {
    display: block;
    font-size: 1.5em;
    font-weight: normal;
	line-height: 1.4em;
}

h1 {
	margin:0.2em;
	font-size:1.6em;
}

h2 {
	margin:0.1em;
	 font-style: italic;
	 font-size:1.2em;
}


sup { 
    vertical-align: super;
    font-size: 0.7em;
}

small {
	font-size: 0.7em;
}

#divMain {
	position:absolute;
	top:1.8em;
	width:100%;
	bottom:0px;
}

.seqScroll {
	position:relative;
	width:100%;
	overflow-y:auto;
	overflow-x: hidden;
	margin-bottom:0.5em;
}

#divPanneauStartInner {
	position:absolute;
	width:30em;
	height:21em;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background-color:white;
	text-align:center;
	border:0.1em solid black;
	border-radius:0.3em;
	font-size:1.4em;
	cursor:auto;
	padding:1em;
}

#divSurlignePos {
	position:absolute;
	width:16px;
	height:16px;border:1px solid black;
	background-color:rgba(255,255,255,0.5);
	pointer-events:none;
	display:none
}

#divAuteurStart {
	position:absolute;
	bottom:1em;
	right:1em;
	opacity:0.5;
	font-size:1em;
	font-style:italic;
}

#divProtSablier {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:6em;
	height:6em;
	background-image:url('../images/png/sablier.png');
	background-size:cover;
	animation:tourneSablier 2s infinite ;
	opacity:50%;
}

@keyframes tourneSablier {
  0% { transform: translate(-50%,-50%) rotate(0); }
  40%   { transform: translate(-50%,-50%) rotate(180deg); }
  60%   { transform: translate(-50%,-50%) rotate(180deg); }
  80%   { transform: translate(-50%,-50%) rotate(360deg); }
   100%   { transform: translate(-50%,-50%) rotate(360deg); }
}

.fondGrandPanneau {
	position:fixed;width:100%;height:100%;background-color:#F7F7F7;z-index:99;display:none;text-align:center;
}

#divPos {
	position:absolute;
	border:0.1em solid black;
	max-width:20em;
	font-size:0.6em;
	padding:0.5em;
	background-color:rgba(255,255,200,0.9);
	z-index:50;
	border-radius:0.4em;
	pointer-events:none;
	transform:translate(1em,1em);
	display:none;
}

.fondModal {
	position:absolute;
	left:0;
	top:0;
	z-index:99;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.5);
	cursor:not-allowed;
}

#divWaitModale{
	cursor:wait;
	display:none;
	position:absolute;
	left:0;
	top:0;
	z-index:99;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.5);
}

#divTexteWaitModale {
	font-size:2em;
	position:absolute;
	max-width:10em;
	border:0.1em solid white;
	border-radius:0.3em;
	padding:1em;
	background-color:#555;
	color:white;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

.avertHeader {
	width:100%;
	text-align:center;
	height:1.7em;
	line-height:1.7em;
	border-bottom:0.1em solid black;
	cursor:not-allowed;
	background-image: repeating-linear-gradient(180deg, #eee, #eee 0.1em, #eee 0.1em, #ddd 0.3em);
}

#divModifNuclCont {
	position:absolute;
	font-size:1.5em;
	padding:1em;
	left:50%;
	top:50%;
	width:20em;
	height:15em;
	background:white;
	transform:translate(-50% , -50%);
	border:0.1em solid black;
}

#divAvertCont {
	position:absolute;
	left:50%;
	top:50%;
	width:30em;
	height:22em;
	background:white;
	transform:translate(-50% , -50%);
	border:0.1em solid black;
}

#divQuestionModaleCont {
	position:absolute;
	left:50%;
	top:50%;
	width:30em;
	height:20em;
	background:white;
	transform:translate(-50% , -50%);
	border:0.1em solid black;
}

#divSaisieModaleCont {
	position:absolute;
	left:50%;
	top:50%;
	width:30em;
	height:20em;
	background:white;
	transform:translate(-50% , -50%);
	border:0.1em solid black;
}

@keyframes fadeInWait {
    0% {opacity:0}
	100% {opacity:1}
}

@keyframes fadeInAvert {
    0% {opacity:0}
	50% {opacity:0}
	100% {opacity:1}
}

.miniIconPan {
	display:inline-block;
	float:left;
	width:1.3em;
	height:1.3em;
	background-size:100% 100%;
	filter:invert(1);
	transform:translate(0,0.35em);
}

.logoCC {
	display:inline-block;
	height:1.55em;
	width:1.55em;
	background-image: url("../images/icones/cc.png");
	background-size: cover;
	transform:translate(0,0.3em);
}

.divCur {
	position:absolute;
	border:0.005em solid black;
	box-sizing: border-box;  
	width:3em;
	height:1.5em;
	cursor:pointer;
	pointer-events:none;
	background-color:rgba(220,220,220,0.5);
	display:none;
}

.addIcon {
	display:inline-block;
	width:1em;
	height:1em;
	background-image:url('../images/icones/load.png');
	background-repeat:no-repeat;
	background-size:contain;
}

.removeIcon {
	display:inline-block;
	width:1em;
	height:1em;
	background-image:url('../images/icones/minus-icon.png');
	background-repeat:no-repeat;
	background-size:contain;
	transform:translate(0,0.1em);
}

.boutonRect {
	display:inline-block;
	color:white;
	text-align:center;
	padding:0;
	padding-left:1em;
	padding-right:1em;
	line-height:2em;
	height:2em;
	border:0.1em solid #aaa;
	background-color:#555;
	cursor:pointer;
	border-radius:0.3em;
}

.boutonRect:hover {
	filter: brightness(1.25);
}

.divCheck {
	display:inline-block;
	opacity:0;
}



.divCheck:after {
	content:"✓";
}


.divCheckBox {
	display:inline-block;
	border:0.1em solid #333;
	background-color:#F7F7F7;
	width:1em;
	height:1em;
	cursor:pointer;
	transform:translate(0,0.25em);
	border-radius: 0.2em;
}

.dcbc {
	background-image: url("../images/icones/checkmark.png");
	background-size: contain;
}



.ombre {
	box-shadow: 0px 0px 0.75em 0px rgba(0, 0, 0, 0.5);
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.selectallowed {
  -webkit-touch-callout: auto; /* iOS Safari */
    -webkit-user-select: auto; /* Safari */
     -khtml-user-select: auto; /* Konqueror HTML */
       -moz-user-select: auto; /* Firefox */
        -ms-user-select: auto; /* Internet Explorer/Edge */
            user-select: auto; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */	
}

.nodrag {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}


.tableSeq {
	width:100%;
	border:0.1em solid black;
	border-collapse:collapse;
}

.tableSeq td {
	font-size:0.9em;
	border:0.1em solid black;
	text-align:left;
	padding:0.35em;
}

input[type="checkbox"]{
	height:1.2em;
	width:1.2em;
	border:0.1em solid black;
	font-size:inherit;
	background-color:white;
	border:0.1em;
	border-radius:0.1em;
	margin:0.2em;
	padding:0;
}

input[type="radio"]{
	height:1em;
	width:1em;
	border:0.1em solid black;
	font-size:inherit;
	background-color:white;
	border:0.1em;
	border-radius:0.1em;
	margin:0em;
	padding:0;
	transform:translateY(0.2em);
	cursor:pointer;
}

input[type="text"]{
	border:0.1em solid black;
	font-size:inherit;
	background-color:white;
	border:0.1em solid black;
	border-radius:0;
	margin:0;
	padding:0;
}

input[type="text"]:focus {
	border-color:red;
	border-radius:0;
	outline-width: 0;
	outline:none;
}