/*img*/


.banner{
	background:url(img/mike_monteiro_photo.png) no-repeat left bottom,
		url(img/fond_papier.png);
	height: 813px;
}
.conference__ak47{
	background:url(img/ak47.png) no-repeat right;
	display:block;
	height: 819px;
}
.world__map{
	background:url(img/mapmonde.png) no-repeat center;
	display: block;
	height: 443px;
}
.world__malette{
	background:url(img/malette.png) no-repeat left;
	display: block;
	height: 626px;
	margin-bottom: 100px;
}
.world__hand{
	background:url(img/main.png) no-repeat right;
	display: block;
	height: 643px;
}
.designer__how{
	background:url(img/how.png) no-repeat center;
	display: block;
	height: 374px;
}
.designer__one{
	background:url(img/one.png) no-repeat left;
	display: block;
	height: 820px;
	margin-bottom: 100px;
}
.designer__two{
	background:url(img/two.png) no-repeat right;
	display: block;
	height: 626px;
	margin-bottom: 100px;
}
.designer__three{
	background:url(img/three.png) no-repeat left;
	display: block;
	height: 782px;
	margin-bottom: 100px;
}
.short__luck{
	background:url(img/trefle-a-4-feuilles.png) no-repeat left;
	display: block;
	height: 475px;
}
/*titre*/


h1 {
	font-size: 48px;
	line-height: 1;
	font-family: 'Biryani', sans-serif;
	text-transform: uppercase;
	margin: 0;
}
h2{
	font-size: 46px;
	line-height: 1;
	font-family: 'biryani', sans-serif;
	margin: 100px auto 0 0;

}
.designer h3{
	font-size: 46px;
	line-height: 1;
	font-family: 'biryani', sans-serif;
	margin: 0;
}


/*body*/


body {
	font-size: 22px;
	line-height: 1.80;
	font-family: 'Istok Web', sans-serif;
	margin: 0px;
}


/*section*/

.abstract{
	border-left: 10px solid #fa394a;
	padding: 0px 15px;
	margin: 100px 0px;
}
.title{
	margin: 248px auto 0;
}
.mike{
	border-left: 10px solid #fa394a;
	padding: 0px 15px;
}
.world{
}
.designer{
}
.designer--steps{
	text-align: center;
	padding: 100px 0 5px 0;
}
.designer--steps__border{
	display: block;
    content: "";
    height: 4px;
    background-color: #fa394a;
    width: 140px;
    margin: 4px auto;
}
.short{
	padding-top: 118px;
}


/*lien*/


a{
	text-decoration: none;
	color:inherit;
}
.by{
	font-size: 30px;
	font-family: 'Istok Web', sans-serif;
	font-weight: normal; 
	margin: 0;
}
.by__border{
	display: block;
    content: "";
    height: 4px;
    background-color: #fa394a;
    width: 180px;
    margin: 4px;

}


/*nav*/


.nav{
	padding:0;
	margin: 0;
	list-style: none;
	float:right;
}


/*2*/


.nav__el{
	float:left;
	margin-left: 60px;
	margin-bottom: 10px;
}


/*3*/


.nav__el a{
	display: inline-block;
	padding: 35px 0 10px 0;
	font-size:18px;
	text-transform: uppercase;
	color: #2d2825;
}
.nav__el::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fa394a;
}
.nav__el:hover::after {
    width: 100%;
    transition: width .3s;
}


/* Layout */


.container{
	width: 1200px;
	margin: auto;
}
	.col{
		width:57%;
		margin-bottom: 100px;	
	}
	.col--small{
		width: 31%;
		margin-bottom: 100px;
	}
	.col--medium{
		width: 48%;
		margin-bottom: 100px;
	}
	.col--center{
		margin: 0 auto;
		margin-bottom: 100px;
	}
	.col--right{
		float: right;
	}
	.col--left{ 
		float: left;
	 }
	.clear{
		clear: both;
	}
/*
.section--bg__ak47{
	background: url(img/red/ak47_red.png),#fa394a;
	height: 576px;
	line-height:576px;
	text-align:center; 
	margin: 100px 0px;

	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
*/
.section--bg{
	background:#fa394a;
	height: 576px;
	line-height:576px;
	text-align:center; 
	margin: 100px 0px;
}
.section--bg__ak47{
	background: url(img/red/ak47_red.png);
	vertical-align: middle;
	margin: 100px;

	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.section--bg__world{
	background-image:url(img/red/mapmonde_red.png); 
	vertical-align: middle;
	margin: 100px;

	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
.section--bg__designer{
	background: url(img/red/how_red.png)no-repeat;
	vertical-align: middle;
	margin: 100px;


	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
.section--bg__short{
	background: url(img/red/trefle-a-4-feuilles_red.png);
	vertical-align: middle;
	margin: 100px;


	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
.section--bg__text h2{
	font-size: 73px;
	vertical-align:middle;
	display:inline-block; 
	font-family: 'Biryani', sans-serif;
	text-shadow: 1px 1px 5px #8f212a;
	line-height:115px; /* on rétablit le line-height */
	margin: 0;
	text-transform: uppercase;
} 
footer .section--bg{
	background: #000;
	height: 100px;
	line-height: 100px;
	text-align: right;
	vertical-align:middle;
	margin-bottom: 0px
}
footer .section--bg__text a{
	font-size: 30px;
	vertical-align:middle;
	display:inline-block; 
	font-family: 'Istok Web', sans-serif;
	font-weight: normal;
	margin: 35px 0; 
	color: #fff;
} 
blockquote{
	font-family: 'Istok Web', sans-serif;
}
cite{
	font-style: normal;
}
.section:after{
		content: "";
		clear:both; 
		display: table;
}


/*img*/