@charset "utf-8";

/* CSS Document */



@font-face {

    font-family: 'Lulo';

    src: url(fonts/Lulo-Clean-Outline-Bold.ttf) format('tff');

	src: url(fonts/Lulo-Clean-Outline-Bold.woff) format('woff');

    font-weight: normal;

    font-style: normal;

}

* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}



body {

    font-family: Arial, Helvetica, sans-serif;

    overflow-x: hidden;

	background: url("img/background.jpg");

}



header {

    display: flex;

    background-color: #d7432a;

    background-size: cover;

    padding: 0 1rem 0 1rem;

    height: 10vh;

	justify-content: space-around;

}



header img {

	height: 10vh;

}



header h1 {

	font-family: 'Lulo';

	color: white;

	height: 6rem;

	line-height: 6rem;

	vertical-align: middle;

	font-weight: lighter;

	

}



header  a {

	text-decoration: none;

}

header h2 {

	color:white;

	font-family: 'Signika', sans-serif;

	height: 6rem;

	line-height: 6rem;

	

}







.logo-container {

    flex-grow: 1;

}



/**** sections ****/

#projet {

	display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    margin: 5% 0 5% 5%;

}



#projet article {

	padding: 0px 70px;

    width: 50%;

}



#histoire {

	display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    margin: 5% 0 5% 5%;

}



#projet article h2 {

	padding-bottom: 70px;

    color: #CC753A;

	font-family: 'Signika', sans-serif;

	font-size: 2em;



}



.infos {

	font-size: 1.2rem;

   	color: #4A4B45;

    text-align: justify;

    font-family: 'Signika', sans-serif;

	padding-bottom: 5%;

}



#projet article img {

	padding: 20px 0;

}



.infos p {

	padding-bottom: 5%;

}



#membres {

	display: flex;

	justify-content: center;

	align-items: center;

	text-align: center;

}



#membres div {

	margin: 0 30px;

}



#membres p {

	font-family: 'Signika', sans-serif;

	font-size: 1.2rem;

}



#logos {

	padding: 0 5% ;

	justify-content: center;

}



#logos h3 {

	margin-bottom: 15%;

}





.infos-2 {

	padding: 0 13% 0 0;

	font-size: 1.2rem;

	font-family: 'Signika', sans-serif;

	color: #4A4B45;

	text-align: justify;

}