body {
	margin:0px 30px 5px 20px;
	padding:3px 0 0 0;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:300;
#	background-image: url("fond.jpg");
	}
dt, td 	{
	margin: 0 0 0 0;
	font-size:100%;
	font-weight:550;
	}
dd 	{margin: -14px  0 3px 100px;}
h1 {
	margin:20px 0 20px 0px;
	padding:3px 0 0 0;
	font-size:120%;
	font-weight:600;
	color: #256ad1;
	text-align: center;
	}
h2 {
	margin:15px 0px 10px 3px;
	padding:0px;
	font-size:115%;
	line-height:20px;
	font-weight:600;
	color: #256ad1;
	}
li 	{
	margin:0px 0px 3px 20px;
	font-size:100%;
	font-weight:600;
	}
figure {
  text-align: center;
  font-style: italic;
  text-indent: 0;
  margin: 0em;
}
	
.toolbar{
display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto;
  grid-gap: 1px;
border: 2px solid blue;
width: 100%;
}
.icon{
display: grid;
  grid-template-rows: auto auto;
  background-color: rgba(240, 255, 240, 0.8);
  border: 2px solid red;
  width: 50%;
  height: 400;
}
.content {
border: 1px solid blue;
width: 100%;
height: 100%;
min-width: 600px;
min-height: 800px;
resize: horizontal;
overflow: auto;
}	
.main_div {
  display: flex;
  grid-template-columns: auto auto;
  overflow:auto;
}
.text {
border: 2px solid yellow;
min-width: 400px;
margin: 1px;
padding: 1px;
}
.gallery{
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
}
.gallery img{
  width: 400;
}
img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.footer {
  margin-bottom: 0;
  text-align:"center";

}