@font-face {
	font-family: "BallPill";
	src: url("/assets/BallPill-thin.otf");
    font-weight: 100;
}
@font-face {
    font-family: "BallPill";
    src: url("/assets/BallPill-light.otf");
    font-weight: 200;
}
@font-face {
    font-family: "BallPill";
    src: url("/assets/BallPill-regular.otf");
    font-weight: 300;
}
@font-face {
    font-family: "BallPill";
    src: url("/assets/BallPill-medium.otf");
    font-weight: 400;
}
@font-face {
    font-family: "BallPill";
    src: url("/assets/BallPill-bold.otf");
    font-weight: 500;
}

html, body{
	width: 100vw;
}

.violet{
	color: #baa2e8;
}
.marge{
margin-left: 2em;
}
.margeviolet{
	color: #baa2e8;
margin-left: 2em;
}
.margeresume{
margin-left: 5em;
font-weight: 200;
font-size: 1,1vw;
}


* {
	font-family: "BallPill", sans-serif;
	font-weight: 200;
	color: white;
	font-size: 1.8vw;
}

a{
	text-decoration: none;
}
b{font-weight: 400;}

i{ font-weight: 300; }

h1{
	font-weight: 500;
}

h2{
	font-weight: 400;
}

h3{
	font-weight: 300;
}

h4{
	font-weight: 200;
}
h5{
	font-weight: 100;
}


@media screen and (max-width: 800px) {
  	* {
		font-size: 4vw;
	}
}

section#header{
	display: flex;
	flex-wrap: wrap;
}

section#header >div{
	width: 33.333vw;
	height: 28vw;
}

@media screen and (max-width: 800px) {
  	section#header >div{
		width: 50vw;
		height: 42vw;
	}
}

section#header >div.bloc1{
	background-color: #f4b843;
}
section#header >div.bloc2{
	background-color: #3a549f;
}
section#header >div.bloc3{
	background-color: #88898a;
}
section#header >div.bloc4{
	background-color: #baa2e8;
}
section#header >div.bloc5{
	background-color: #ed7542;
}
section#header >div.bloc6{
	background-color: #004433;
}

section#header >div img{
	max-width: 100%;
	max-height: 100%;
}

section#apropos, section#intervenants, section#programme{
	display: flex;
	flex-wrap: wrap;
}

section#apropos >aside, section#intervenants >aside, section#programme >aside{
	width: 33.333vw;
}

section#apropos >aside >div, section#intervenants >aside >div, section#programme >aside >div{
	height: height: 28vw;
}

section#apropos >aside >div img, section#intervenants >aside >div img, section#programme >aside >div img{
	max-width: 100%;
	max-height: 100%;
}

section#apropos >main, section#intervenants >main, section#programme >main{
	width: 63.666vw;
	padding: 1.5vw;
}

@media screen and (max-width: 800px) {
  	section#apropos >aside, section#intervenants >aside, section#programme >aside{
		width: 100vw;
		display: flex;
	}
	section#apropos >aside >div, section#intervenants >aside >div, section#programme >aside >div{
		width: 50vw;
		height: 42vw;
	}
	section#apropos >main, section#intervenants >main, section#programme >main{
		width: 94vw;
		padding: 3vw;
	}
}

section#apropos{
	background-color: #baa2e8;
}

section#intervenants{
	background-color: #ed7542;
}

section#programme{
	background-color: #004433;
}

section#footer{
	background-color: #3a549f;
}