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

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'),
url('../fonts/Montserrat/Montserrat-Regular.woff') format('woff'),
url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('../fonts/Montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
url('../fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff'),
url('../fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'lane';
    src: url('../fonts/lane/Lane-Narrow.woff2') format('woff2'),
url('../fonts/lane/Lane-Narrow.woff') format('woff'),
url('../fonts/lane/Lane-Narrow.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}



body {
	margin: 0;
	text-align: center;
	font-family: 'Montserrat-Regular';
} 


/* WELCOME */


.logoacceuil {
 	width:85%;
	max-width: 500px;
	padding-top: 10%;
		margin-bottom: 100px;
}

.degradeanime {
	background: #f7f3f0;
	height: auto;
    width: 100vw;
    margin: 0;
}

/* TITRES DE PRESENTATION */

.kezako h2{
 width: 90vw;
 margin: 0 auto;
margin-bottom:50px;
 text-align: center;
font-family: 'lane', sans-serif;
font-style: normal;
font-size: 3rem;
color: #111111;
}


/* TITRES */

h1 {
margin-top:20px;
font-family: "montserrat", sans-serif;
font-weight: 100;
font-style: normal;
font-size: 1.5rem;
color: #111111;
}

h2 {
margin-top:10px;
font-family: "montserrat", sans-serif;
font-weight: 100;
font-style: normal;
font-size: 1.25rem;
color: #111111;
}

/* marges des sections */

.margessection {
margin: 0 auto;
width: 90vw;
text-align: center;
padding-top: 0px;
padding-bottom: 100px;
}

/* SECTION A PROPOS */

.galerie {
background-color: #f7f3f0;
}

.pages {
 margin: 0 auto;
 text-align: center;
font-family: "montserrat", sans-serif;
font-weight: 100;
font-style: normal;
font-size: 1rem;
color: #111111;
}

.bd {
width: 97%;
 max-width: 650px;
	border: none;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
}



.footer {
background: #fff;
margin: 0;
padding-bottom: 0;
}

.footerdescr {
 width: 90vw;
 margin: 0 auto;
 padding-top: 10px;
 padding-bottom: 0px; 
 text-align: center;
 font-family: "montserrat", sans-serif;
font-weight: 100;
font-style: normal;
font-size: 0.75rem;
color: #000000;
}

.footerdescr p {
margin-top: 0;
font-family: "montserrat", sans-serif;
font-weight: 100;
font-style: normal;
font-size: 0.75rem;
color: #000000;
}

.footerdescr h2 {
color: #000000;
}