body {
    font-family: "Calibri";
	margin: 25px 25px 0px 25px;
    color: #181818;
}

.all {
	height: calc(100vh - 25px); /* margin top de body */
	display: grid;
	/* grid-template-columns: repeat(4, 1fr); */
	/* grid-template-columns: auto; */
	grid-template-columns: 186px auto;
	grid-template-rows: minmax(80px, 87px) 5fr 3.5fr 0.3fr;
	grid-template-areas:
	"titre topnav"
	"leftnav main_content"
	"logos main_content"
	"logos footer"
	;
}

.titre {
	grid-area: titre;
	display: flex;
	justify-content: center;
}

.topnav {
	grid-area: topnav;
	display: flex;
	align-items: end;
}

.leftnav {
	grid-area: leftnav;
}

.logos {
	grid-area: logos;
	display: flex;
	align-items: end;
}

.main_content {
	grid-area: main_content;
	overflow: auto;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
	margin: 30px 30px 10px 20px;
	text-align: justify;
}

.footer {
	grid-area: footer;
	text-align: center;
    font-size: 0.7em;
}

.footer a {
	color: black;
	text-decoration: none;
}

.footer a:hover {
	color: #2c9d81;
}

.titre h1
{
    font-size: 2.2em;
    font-weight: normal;
	text-align: center;
	line-height: 1em;
    margin: 0 0 10px 0;
	color: #2c9d81;
}

.main_content::-webkit-scrollbar {
	display: none;
}

nav {
	height:auto;
	width: 100%;
	display:inline-block;
	background: #37bc9b;
	font-size: 1.15em;
}

nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	display:inline-block;
}

.topnav li > a:after {
	content: ' »';
}

.topnav li > a:only-child:after {
	content: '';
}

nav ul li a {
  padding:17px 25px;
  display:inline-block;
  color:white;
  text-decoration:none;
}

nav a:hover {
	opacity:0.5;
}

.curpage {
	background:#2c9d81;
}

.projet {
	font-size: 1.3em;
	text-align: center;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 2px solid white;
}

.projet a {
	color:white;
	text-decoration:none;
}

nav ul li ul {
	display:none;
	position:absolute;
	left:0;
	background:#37bc9b;
	float:left;
}

nav ul li ul li {
  width:100%;
  min-width: 170px;
}

nav ul li:hover ul {
  display:block;
}


.topnav ul li {
	position:relative;
	margin:0 20px 0 0;
	float:left;
}

.topnav li > a:only-child {
	font-weight: bold;
}

.logos img {
	width: 110px;
	height: auto;
	margin-bottom: 5px;
}

img:hover {
	transform: scale(1.05);
}

.logos ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.nomargtop {
	margin-top: 0;
}

.main_content h3, h4, a {
	color: #2c9d81;
}

.main_content h4 {
	margin-bottom: 4px;
}

.main_content a:hover {
	text-decoration:none;
}

.main_content p {
	margin-left: 20px;
	margin-bottom: 4px;
}

.main_content .p2 {
	margin-left: 40px;
	margin-top: 0;
}

.main_content .p3 {
	margin-left: 60px;
	margin-top: 0;
}

.main_content center > * {
	display:inline;
}

.main_content ul { 
	list-style-type: disc;
	margin-left: 20px;
	margin-top: 0;
}

.main_content ol li ul {
	margin-left: 0.7em;
	padding-left: 0.7em;
	line-height: 1.1em;
}

.main_content ol li:not(:last-child) { 
	margin-bottom: 8px;  
}

.center {
	text-align:center;
}

hr {
	border: 1px solid #2c9d81;
	margin-top: 20px;
}

code {
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 1.5em;
}

ul.nodot {
	list-style-type: none;
}


/* @media screen and (max-width:700px) {
	body {
		margin: 0;
	}
	.all {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		row-gap: 10px;
		grid-template-areas:
		"titre"
		"topnav"
		"leftnav"		
		"main_content"
		"logos"
		"footer"
		;
	}
	.logos {
		display:none;
	}
	.leftnav ul li {
		float:left;
	}
	.projet::after {
		content: "\a";
		white-space: pre;
	}
} */