@charset "UTF-8";
/* CSS Document */


body {
	background-color: black;
	height: 100%;
}

.unselectable {
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #cc0000;
}

@media only screen and (orientation:portrait){
	#imgSecu {
		height: 200%;
	}
}


#headerIot {
	background-color: black;
	position: sticky;
	top: 0;
	padding-top: 0px;
}

#loading {
	position: absolute;
	width: 10%;
	height: auto;
	left: 45%;
	Top: 45%;
}

#legals {
	position: absolute;
	visibility: hidden;
	background-color: black;
	width: 60%;
	height: 60%;
	left: 20%;
	top: 20%;
	color: white;
	font-family: expressway,sans-serif;
	font-size: 1em;
	
}

#iconClose {
	cursor: pointer;
}

#txtLegals {
	position: absolute;
	cursor: pointer;
	left: 2%;
	top:98%;
	color: darkgrey;
	font-family: expressway,sans-serif;
	font-size: 0.5em;
	font-weight: normal;
}

#logoHeader {
	width: 30%;
	height: auto;
}

#iconIot, #iconGestion, #iconIt, #iconSecu, #iconDecision, #iconAnglais, #iconFrancais, #iconContact,
#iconIotFb, #iconGestionFb, #iconItFb, #iconSecuFb, #iconDecisionFb, #iconAnglaisFb, #iconFrancaisFb, #iconContactFb {
	position: absolute;
	height: 55%;
	cursor: pointer;
}

#iconIotFb,#iconItFb, #iconGestionFb, #iconItFb, #iconSecuFb, #iconDecisionFb, #iconAnglaisFb, #iconContactFb {
	visibility: hidden;
}

#iconIot, #iconIotFb {
	left: 40%;
}

#iconDecision, #iconDecisionFb {
	left: 49%;
}

 #iconGestion, #iconGestionFb {
	left: 58%;
}

#iconIt, #iconItFb {
	left: 66%;
}

#iconSecu, #iconSecuFb {
	left: 74%;
}

#iconAnglais, #iconAnglaisFb {
	left: 82%;
}

#iconFrancais, #iconFrancaisFb {
	left: 82%;
	visibility: hidden;
}
#iconContact, #iconContactFb{
	left: 90%;
}

#iconIotLabelFr, #iconSecuLabelFr, #iconItLabelFr, #iconGestionLabelFr, #iconDecisionLabelFr, #iconContactLabelFr, #iconAnglaisLabelFr, #iconLangueLabelFr,
#iconIotLabelEn, #iconSecuLabelEn, #iconItLabelEn, #iconGestionLabelEn, #iconDecisionLabelEn, #iconContactLabelEn, #iconAnglaisLabelEn, #iconLangueLabelEn {
	position: absolute;
	color: white;
	font-family: expressway,sans-serif;
	font-size: 0.5em;
	font-weight: bold;
	visibility: hidden;
	cursor: pointer;
}
.Chargement {
	visibility: hidden;
}
#dSecuFr, #dItFr, #dGestionFr, #dDecisionFr, #dSecuEn, #dItEn, #dGestionEn, #dDecisionEn {
	color: white;
	font-family: expressway,sans-serif;
/*	font-weight: 400;*/
	font-style: normal;	
	visibility: hidden;
	position: absolute;
	text-align: justify-all;	
}

span {
	font-size: 2vw;	
}

.puce {
	vertical-align: baseline;
	width: 3%;
}
#subMetiers, #subSecu, #subIt, #subGestion, #subDecision, #subContact {
	position: fixed;
	width: 99.5%;
	height: 80vh;
	left: 0%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: white;
	font-size: 2em;
}

#subSecu, #subIt, #subGestion, #subContact, #subDecision {
	visibility: hidden;
}

#logoMetiersOn, #logoMetiersOff {
	position: absolute;
	width: auto;
	height: 50vh;
	visibility: hidden;
}

#mGestion, #mSecu, #mIt, #mDecision {
	border-radius: 50%;  
	z-index: 8; 
	position: absolute;
	cursor: pointer;
	background-color: orange;
/*	border: thin solid white;*/

}

#imgGestion, #imgSecu, #imgIt, #imgDecision {
	opacity: 0.3;
	z-index: 5;
	width: 100%;
	height: auto;
}

#argumentGestionFr, #argumentItFr, #argumentSecuFr, #argumentDecisionFr,
#argumentGestionEn, #argumentItEn, #argumentSecuEn, #argumentDecisionEn{
	position: fixed;
	z-index: 10;
	width: 70%;
	height: 70%;
	top: 20%;
	left: 15%;
	color: white;
	font-family: expressway,sans-serif;
	font-size: 0.5em;
	font-weight:lighter;
	cursor:none;
	overflow: scroll;
	visibility: hidden;
}

#textContact {
	position: absolute;
	z-index: 10;
	width: 60%;
	top: 30%;
	left: 20%;
	height: 80%;
	text-align: center;
	color: white;
	font-family: expressway,sans-serif;
	font-size: 1,5em;
	font-weight: 100;
	cursor: none;	
}

a {
	color: white;
	cursor: pointer;
}
#pageInfo {
	position: fixed; 
	top: 90%; 
	left: 5%; 
}

#dataInfo {
	font-size: 2vw;
	color: white;
}