/* Scss Document */
header {
    grid-area : header;
}
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;
}

article1 {
    grid-area : article1;
}

article11 {
    grid-area : article11;
	overflow-y: auto;
    height: 1400px;
	font: normal 16px/20px Arial, Helvetica, sans-serif;
	margin-left: 0.5em;
	margin-right: 1em;
	}
aside {
    grid-area : aside;
	background-color:#020202;
	background-size: 100%;
	background-image: url("../docs/Asside/histoir.png");
	background-repeat : repeat-y;
}
footer {
    grid-area : footer;
}

.page {
	background-color: #FFFFC5;
    display: grid;
    grid-template-columns: 3fr 4fr 4fr 4fr 2fr;
    grid-template-areas: "header header  header header header" 
		"nav article1 article1  article1 aside" 
		"nav article11 article11 article11 aside"
		"footer footer footer footer footer"
}

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

header {
    top: 0px;
    text-indent: 0px;
    background-repeat: no-repeat;
}
nav {
    font: normal 22px/20px Arial, Helvetica, sans-serif;
    color: #FFDE86;
	background-color: #926D3F;
    text-decoration: none;
    text-align: left;
}

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;
	color: #926D3F;
    margin-left: 8px;
}
	
h1.article {
    font: normal 22px/20px Arial, Helvetica, sans-serif;
	color: #926D3F;
    margin-left: 8px;
}
h2.article {
    font: normal 14px/16px Arial, Helvetica, sans-serif;
    color: #926D3F;
    text-decoration: none;
    text-align: left;
    margin-left: 8px;
}
h3.article {
    font: bold 11px/14px Arial, Helvetica, sans-serif;
    color: #926D3F;
    text-decoration: none;
    margin-left: 8px;
}

h2.article.vignette {
    font: normal 14px/16px Arial, Helvetica, sans-serif;
    color: #926D3F;
    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; 
}

img.entet{
	margin-left :5px;
	margin-bottom :15px;
}


/******************* Timeline Demo - 7 *****************/
p.description{
	margin-left: 40px;
	margin-right: 40px;
	text-align: justify;
}

h5.title{
	margin-left: 40px;
	margin-right: 40px;
}
span.year{
	margin-left: 40px;
	margin-right: 40px;
}
.main-timeline7{
	position:relative
}
.main-timeline7 .timeline{width:50%;float:left;z-index:1;position:relative}
.main-timeline7 .timeline:after,.main-timeline7 .timeline:before{content:"";display:block;clear:both}
.main-timeline7 .timeline:before{content:"";width:40px;height:90%;background:#727cb6;position:absolute;top:10%;right:-20px}
.main-timeline7 .timeline:last-child:before{height:0}
.main-timeline7 .timeline-icon
{width:80px;height:80px;border-radius:50%;background:#727cb6;overflow:hidden;text-align:center;position:absolute;top:0;right:-40px;z-index:3}

.main-timeline7 .timeline-icon:before
{content:"";width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid #727cb6;box-shadow:0 0 0 4px #a5afe4;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0
}
.main-timeline7 .timeline-icon i
{font-size:35px;color:#303a3b;line-height:80px;z-index:1;position:relative}

.main-timeline7 .year{display:block;padding:0 60px 0 30px;font-size:30px;color:#303a3b;text-align:right;border-bottom:2px solid #303a3b;z-index:2;position:relative}

.main-timeline7 .year:before{content:"";display:block;width:30px;height:30px;border-radius:50%;background:#727cb6;border:5px solid #fff;box-shadow:0 0 0 4px #727cb6;margin:auto;position:absolute;bottom:-15px;left:4px}
.main-timeline7 .year:after{content:"";border-left:10px solid #303a3b;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;bottom:-11px;left:50px}
.main-timeline7 .timeline-content{padding:18px 60px 18px 40px;text-align:right;position:relative;z-index:1}

.main-timeline7 .timeline-content:after,.main-timeline7 .timeline-content:before{content:"";width:80px;height:150px;border-radius:50%;background:#fff;background-color: #FFFFC5;position:absolute;top:-7%;right:15px;z-index:-1}
.main-timeline7 .timeline-content:after{left:auto;right:-95px}

.main-timeline7 .timeline:last-child .timeline-content:after,.main-timeline7 .timeline:last-child .timeline-content:before{width:0;height:0}
.main-timeline7 .title{font-size:22px;font-weight:700;color:#727cb6;margin-top:0}
.main-timeline7 .description{font-size:15px;color:#7f8386;line-height:25px}
.main-timeline7 .timeline:nth-child(2){margin-top:140px}
.main-timeline7 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline7 .timeline:nth-child(odd){margin:-140px 0 0}
.main-timeline7 .timeline:first-child,.main-timeline7 .timeline:last-child:nth-child(even){margin:0!important}

.main-timeline7 .timeline:nth-child(2n) .timeline-icon,.main-timeline7 .timeline:nth-child(2n):before{right:auto;left:-20px;background:#e77e21}
.main-timeline7 .timeline:nth-child(2n) .timeline-icon{left:-40px}
.main-timeline7 .timeline:nth-child(2n) .year{padding:0 30px 0 60px;text-align:left}
.main-timeline7 .timeline:nth-child(2n) .year:before{left:auto;right:3px}
.main-timeline7 .timeline:nth-child(2n) .year:after{border-left:none;border-right:10px solid #303a3b;right:50px}
.main-timeline7 .timeline:nth-child(2n) .timeline-content{padding:18px 40px 18px 60px;text-align:left}
.main-timeline7 .timeline:nth-child(2n) .timeline-content:before{left:-95px}
.main-timeline7 .timeline:nth-child(2n) .timeline-content:after{left:15px}
.main-timeline7 .timeline:nth-child(2n) .timeline-icon:before{border-color:#e77e21;box-shadow:0 0 0 4px #f1a563}
.main-timeline7 .timeline:nth-child(2n) .year:before{background:#e77e21;box-shadow:0 0 0 4px #e77e21}
.main-timeline7 .timeline:nth-child(2n) .title{color:#e77e21}

.main-timeline7 .timeline:nth-child(3n) .timeline-icon,.main-timeline7 .timeline:nth-child(3n):before{background:#008b8b}
.main-timeline7 .timeline:nth-child(3n) .timeline-icon:before{border-color:#008b8b;box-shadow:0 0 0 4px #50b5b4}
.main-timeline7 .timeline:nth-child(3n) .year:before{background:#008b8b;box-shadow:0 0 0 4px #008b8b}
.main-timeline7 .timeline:nth-child(3n) .title{color:#008b8b}

.main-timeline7 .timeline:nth-child(4n) .timeline-icon,.main-timeline7 .timeline:nth-child(4n):before{background:#ed687c}
.main-timeline7 .timeline:nth-child(4n) .timeline-icon:before{border-color:#ed687c;box-shadow:0 0 0 4px #f798a8}
.main-timeline7 .timeline:nth-child(4n) .year:before{background:#ed687c;box-shadow:0 0 0 4px #ed687c}
.main-timeline7 .timeline:nth-child(4n) .title{color:#ed687c}