/* Scss Document */
header {
    grid-area : header;
}
nav {
    grid-area : nav;
}
article1 {
    grid-area : article1;
}

article21 {
    grid-area : article21;
}
article22 {
    grid-area : article22;	
}
article23 {
    grid-area : article23;	
}
article30 {
    grid-area : article30;	
}
article31 {
    grid-area : article31;	
}
article32 {
    grid-area : article32;	
}
article33 {
    grid-area : article33;	
}
article41 {
    grid-area : article41;	
}
article42 {
    grid-area : article42;	
}
article43 {
    grid-area : article43;	
}
article51 {
    grid-area : article51;
}

article52 {
    grid-area : article52;
}
article53 {
    grid-area : article53;	
}
article61 {
    grid-area : article51;
}
article62 {
    grid-area : article52;	
}
article63 {
    grid-area : article53;	
}
article71 {
    grid-area : article51;	
}
article72 {
    grid-area : article52;	
}
article73 {
    grid-area : article53;	
}
article81 {
    grid-area : article51;	
}
article82 {
    grid-area : article52;	
}
article83 {
    grid-area : article53;	
}
article91 {
    grid-area : article51;	
}
article92 {
    grid-area : article52;	
}
article93 {
    grid-area : article53;	
}

aside {
    grid-area : aside;
	background-color:#020202;
	background-size: 100%;
	background-image: url("../docs/Asside/chemin.png");
	background-repeat : repeat-y;
}
footer {
    grid-area : footer;
}

.page {
	
    display: grid;
    grid-template-columns: 3fr 4fr 4fr 4fr 2fr;
    grid-template-areas: "header header  header header header" 
		"nav article1 article1  article1 aside" 
		"nav article21 article22 article23 aside"
		"nav article30 article30 article30 aside"
		"nav article31 article32 article33 aside"
		"nav article41 article42 article43 aside"
		"nav article51 article52 article53 aside"
		"nav article61 article62 article63 aside"
		"nav article71 article72 article73 aside"
		"nav article81 article82 article83 aside"
		"nav article91 article92 article93 aside"
		"footer footer footer footer footer"
}

li {
    list-style: none;
    margin-left: 8px;
}
ul{
	margin-top: -20px;	
}

header {
    top: 0px;
    text-indent: 0px;
    background-repeat: no-repeat;
}
nav {
    grid-area : nav;
	background-image: url("../docs/fond/background_menu.jpg");
}
body{
	/*background-image: url("../docs/fond/background_chapitre.jpg");*/
	background-color: #FFFFC5;
	color: #6E2C00;
}


a.menu {
    font: normal 22px/20px Arial, Helvetica, sans-serif;
    color: #FFDE86;
    text-align: left;
    text-transform: none;
    margin-left: 8px;
}
a.list {
    font: normal 14px/16px Arial, Helvetica, sans-serif;
    color: #DEB37E;
    text-decoration: none;
    text-align: left;
    margin-left: 8px;
}

img.menu {
    margin-left: 8px;
}

h1.menu {
    font: normal 22px/20px Arial, Helvetica, sans-serif;
    margin-top: 20px;
    margin-bottom: 6px;
    margin-left: 8px;
}
h2.menu {
    font: normal 14px/16px Arial, Helvetica, sans-serif;
    color: #DEB37E;
    text-decoration: none;
    text-align: left;
    margin-left: 8px;
}
h3.menu {
    font: bold 11px/14px Arial, Helvetica, sans-serif;
    color: #FFFFC5;
    text-decoration: none;
    margin-left: 8px;
}

li.article {
    font: normal 22px/20px Arial, Helvetica, sans-serif;
    margin-left: 8px;
}
	
h1.article {
    font: normal 22px/20px Arial, Helvetica, sans-serif;
	color: #926D3F;
    margin-left: 8px;
	font-weight : bold
}
h2.article {
    font: normal 14px/16px Arial, Helvetica, sans-serif;
    color: #926D3F;
    text-decoration: none;
    text-align:justify;
    margin-left: 8px;
	margin-right: 50px;
}
h3.article {
    font: bold 11px/14px Arial, Helvetica, sans-serif;
    
    text-decoration: none;
    margin-left: 8px;
}

h2.article.vignette {
    font: normal 14px/16px Arial, Helvetica, sans-serif;
    
    text-decoration: none;
    text-align:center;
    margin-left: 8px;
}

.footer_container{
    width: 100%;
	 position: relative;
   }

.footer_gif{
    position: absolute;
    z-index: 2;
    margin-left: 85%;
    margin-top: 10px;
       
    }
 .footer_fond{
   	width: 100%;
    position: absolute;
    z-index: 1; 
}