@charset "utf-8";
/* CSS Document */
body {
	padding: 10px;
}
.metteg {
	margin: 0 auto;
  	width: 500px;
  	background: white;
  	padding: 20px;
  	color:#0D0E5B;
	border-color:#A0A0A4;
	border-radius: 10px;
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.5));	
}
.container {
	margin: 0 auto;
  	width: 100%;
	background-color:#C7C7C7;
  	padding: 20px;
  	display: flex;
		}
.Blanc10px {
	font-size: 16px;
	color: #FFFBF0;
}
.blo {
	color:darkblue;
	font-weight: bold;
	}
#privat {
	
	left:0px;
	position:absolute;
	top: 0px;
  	width: auto;
  	height: auto;
	color: #e6f7e8;
}

*{
    box-sizing: border-box;
}
	
	[class*="col-"] {
    float: left;
    padding: 15px;
	}

#menu {
	min-width: 200px;
	height: 700px;
	font-size: 16px;
	}



#toshow {
	
	vertical-align: middle;
	font-size: 16px;
	height: 700px;
	z-index: 2;
	}

#imgts {
	width: 70%;		
}

#roud {
	color: darkblue;
	font-weight: bold;
}

#prebanner{
	z-index:-1;
	background-color:#585858;
	color:#585858;
	height: 110px;
	vertical-align: middle;
}
#banner {
	z-index:-1;
	background-color:#585858;
	height: 110px;
	color:#eee;
	font-size:25px;
	font-weight:800;
	vertical-align: middle;
}

@media (min-width: 90em) {
	#banner {
	}
}

	.col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	.pos-1 {left: 8.33%;}
    .pos-2 {left: 16.66%;}
    .pos-3 {left: 25%;}
    .pos-4 {left: 33.33%;}
    .pos-5 {left: 41.66%;}
    .pos-6 {left: 50%;}
    .pos-7 {left: 58.33%;}
    .pos-8 {left: 66.66%;}
    .pos-9 {left: 75%;}
    .pos-10 {left: 83.33%;}
    .pos-11 {left: 91.66%;}
    .pos-12 {right: 1%;}