@font-face {
  font-family: 'digitalTech';
  src: url('Digital_tech.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body{ /*orientation: landscape */
  background-image:url(industrial.jpg);
  background-repeat:repeat;
	background-size:auto 100%;
	height:100%;
	background-position: center;
}

div.main{
    width: auto;
    margin-right:8px;
    margin-left: 8px;
    }
div.header{
    padding-top:15px;
    height:130px;
    /*background-color: rgba(255,255,255,0.6);*/
    text-shadow: 0px 0px 7px rgba(255,255,255, 0.75);
    }
span#t1{
        }
div.body{ 
    background-color: rgba(255,255,255,0.7);
    padding: 15px 5px 5px 5px;
    }


div.footerNotes{
    padding-top:1em;
    padding-bottom: 1em;
    background-color: rgba(255,255,255,0.3);
    padding-left: 2em; 
    text-indent: -1.6em; 
    }

img#splash{
	margin:0 15px 15px 15px;
	float:left;
	vertical-align:text-top;
	width: calc(100% / 3); /* Attention, les espaces autour du signe sont obligatoires. */
	/*sizes="(min-width: 36em) calc(.333 * (100vw - 12em)), 100vw"*/
	}

img#edt{
	margin:0 5px 5px 5px;
	float:right;
	vertical-align:top;
	width: calc(100% / 6); /* Attention, les espaces autour du signe sont obligatoires. */
	}
	
img#logo{
  margin:0 15px 15px 15px;
  float:left;
  vertical-align:text-top;
}
#t1{
  font-family:digitalTech;
  font-size:300%;
  font-weight:bold;
  padding-left:6px;
}
#t2{
  font-size:225%;
  font-weight:bold;
  padding-left:6px;
}
pre, .footerNotes{
  padding-left:6px;
  padding-bottom:3px;
}