@font-face{
	font-family: "digital";
	src:url("../fonts/DS-DIGI.TTF");
}
body {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}
nav {
    border-radius: .3rem.3rem 0rem 0rem;
    background-color: #000;
    padding: 2rem 2rem;
   /* height: 3.5rem;*/
    color: #ffffff;
}
a {
	color: #ffffff;
	text-decoration: none;
	background-color: transparent;
}
a:hover {
	color: #676586;
	text-decoration: none;
}
a.active {
    pointer-events: none;
    cursor: default;
    color: #ffc92a;
}
.menu{
	padding:0;
	margin:0;
	list-style-type:none;	
	position: relative;
    float: left;
}
.menu li {
	float:left;
}
.menu li a {
    display: block;
    width: 175px;
    text-align: center;
    font-size: 1.3rem;
}
main {
	display: grid;
	grid-template-columns: 3fr 1fr;
	width: 100%;
}
.titre{
	border-radius: 0rem 0rem .3rem.3rem;
	padding: 0 2rem 2rem 2rem;
	margin-bottom: 2rem;
	background-color: #000;
	grid-row-start: 1;
  	grid-row-end: 2;
	grid-column-start: 1;
  	grid-column-end: 3;
  	display: grid;
  	grid-template-columns: 3fr 1fr;
}
.projet{
	grid-column-start: 1;
  	grid-column-end: 2;	
}
.stitre {
    grid-column-start: 2;
  	grid-column-end: 3;
 }
.blog{
	grid-row-start: 2;
  	grid-row-end: 3;
	grid-column-start: 1;
  	grid-column-end: 2;
}
aside {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
    padding-top: 3rem;
}
.titre-erreur{
	text-align: center;
	font-family: digital;
	font-size: 3rem;
}
.page-erreur {
    background-image: url("../../images/erreur/fond_erreur.png");
    color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3rem;
}
.page-erreur p{
	text-align: justify;
}
.page-erreur img {
    margin: 0 auto;
    width: 50%;
    display: block;
}
.page-erreur h3{
	font-family: digital;	
}
.blog-post {
	padding-right: 2rem;
}
.blog-post-title {
    margin: 0 0 .25rem 0;
    font-size: 2.5rem;
}
.propos, .archive, .archive_mpp, .carte-aside{
    padding: 1rem;
    margin-bottom: 2rem;
    border-radius: .25rem;
    background-color: #D7D9DB;
    font-size: 0.8rem;
}
.archive_mpp{
	font-size: 1rem;
}
.trt-propos, .trt-archive, .titre-carte-aside{
    font-style: italic;
    font-size: 1.2rem;
    margin: 0.5rem 1rem 0 1rem;
}
.erreur-propos , .erreur-titre {
	font-family: digital;	
}
.list-archive , .carte-aside-list{
	padding-left: 0;
	margin-top: 0;
    list-style: none;
}
.list-archive li , .carte-aside-list li{
    background-color: #000000;
    padding-left: 5px;
    margin: 4px 0;
    border-radius: .25rem;
}
.just{
	text-align: justify;
}
.droit{
	text-align: right;
}
footer {
    color: #ffffff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
    height: 40px;
    padding-top: 1px;
    font-size: 0.8rem;
}

.just{
	text-align: justify;
}
.droit{
	text-align: right;
}
.imgdrt{
	float:right;
	padding-left: 2%;
}
.imggch{
	float: left;
	padding-right: 2%;
}
.visuel-mpp{
	text-align: center;

}
.visuel-mpp img {
	margin-top: 3rem;
}
figcaption {
    text-align: left;
    font-style: italic;
    width: 560px;
    margin: 0 auto;
}
.text-mpp{
    font-family: arial;
}
.gras{
    font-weight: bold;
}
.img-logo-the-walk{
    margin: 2rem auto;
    display: block;
	text-align: center;
}