@charset "utf-8";
/* CSS Document */

*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

body{
    width: 100%;
	margin: 0;
	padding: 0;
	color: #1e2427;
	font-size: 14px;
    font-family: 'Mulish';
    font-weight: 400;
}


		
#container {
	width: 760px;
}



section article{
	width:48%;
    height: 500px;
	display:inline-block;
	vertical-align:top;
	padding:10px;
	margin:5px;
	text-align:center;
    border-bottom:1px solid #c5c5c5;
}

section article.dernier{
	width:48%;
	display:inline-block;
	vertical-align:top;
	padding:80px 10px 10px 10px;
	margin:5px;
	text-align:center;
	background-color:#ffffff;
    height: 480px;
    font-family: 'Montserrat';
    position: relative;
}

section article.dernier p{
    font-size: 26px;
}

section article.dernier span{
    font-size: 18px;
    margin: 0 auto;
}

section article.dernier div{
    position: absolute;
    bottom: 10px;
}


section article h2{
	/*border-bottom:1px solid #DF343A;*/
	font-size:22px;
    font-family: 'Montserrat';
    font-weight:400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #DF343A;
    margin: 0;
}

section article h3{
    padding: 0 0 10px 0;
	font-weight:700;
	font-size:16px;
    font-family: 'Montserrat';
}

section article a.btn{
    display: block;
    width: 160px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #DF343A;
	font-size:15px;
    font-family: 'Montserrat';
	font-weight:400;
	text-transform:uppercase;
    text-decoration: none;
	color:#DF343A;
}



section article a.btn-last{
    display: block;
    width: 220px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #DF343A;
	font-size:15px;
    font-family: 'Montserrat';
	font-weight:400;
	text-transform:uppercase;
    text-decoration: none;
	color:#DF343A;
}

img{
    object-fit:contain;
    width: 100%;
    max-height: 200px;
}