* { padding:0; margin:0; }

header { top: 0; left: 0; width:100%; height: 70px;
  color: #0000CD;
  position:fixed;  z-index:100;
  background-color: #B0E0E6; }

body.Background { position:absolute;
  z-index:100;
  background-attachment: fixed;
  background-size: 100%;;
  background-repeat: no-repeat; }
body.Background header { opacity:70%; }
body.Background .Container { opacity:70%; }

header.images { position:fixed;  z-index:100;
  display:grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr 1fr;
  background-color: #B0E0E6; }
header.images div.headerimgl { grid-column: 1; display:block; margin:auto; }
header.images div.headertitle { grid-column: 2; }
header.images div.headerimgr { grid-column: 3; }
header.images img { height: auto; }

/*----- Propriétés communes tous menus -----*/
nav.Menu ul { list-style: none; z-index:100; }
nav.Menu li { text-align:center; }

/*----- Change all links appearance -----*/
nav.Menu li:hover > a { background-color: #3CB371;
  color: #eee;
  }

nav.Menu li a.active { color: #E0FFFF;
  background-color: #00008B; }

.Container.LeftMenu { position:relative;
  top:70px; left:0px;
  background-color: #B0E0E6; }

main { margin-left:200px; }

nav.Menu.Left { position: fixed; float:left;
  width:200px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 1em; }
nav.Menu.Left li{ position:relative; }
nav.Menu.Left a { display:block;
  text-decoration:none;
	padding:10px 15px;
  background:#66CDAA;
  color:#0000CD;
  transition:0.2s; }

/*----- Place hidden sub level menus -----*/
nav.Menu.Left ul ul{
  position:absolute; left:200px; top:0; width:100%;
  visibility:hidden; opacity:0;
  transition: transform 0.3s;
  transform: translateX(50px); }
  /*----- Show hidden sub level menus -----*/
nav.Menu.Left ul li:hover > ul{ left:100%;
  visibility:visible; opacity:1; z-index:50;
  transform: translateX(0px);  }

/*----- Big Picture over all -----*/
#FixedBigPic { position:fixed;
  z-index:200;
  padding: 10px;
  background-color: #4169E1 }

#FixedBigPic.land { top: 10px;  bottom:70px;
  margin-left:10px; margin-right:250px; }
#FixedBigPic.port { top: 10px;  bottom:30px;
  margin-left:10px; margin-right:300px; }
#FixedBigPic img {  max-width:100%; max-height:100%;}
#FixedBigPic.visible { display: block; }
#FixedBigPic.hidden { display: none; }

footer { margin: 0; padding: 0; height:50px;
    text-align: center;
  }